Display options on the featured product of the homepage on the Dawn theme

Displaying options on a homepage's featured product on the Dawn theme

Follow the instructions below to use Infinite Options with a product on the homepage.

1. Starting from your Shopify admin dashboard, click on Online Store to arrive at the Themes page.

2. Find the theme you want to edit, click the  "three dots," then click Edit code.

3. In the theme's files and under the Sections folder, navigate into the featured-product.liquid file.

4. Search for this line of code:

assign product = section.settings.product 

3. Underneath the block of code found, paste the following code snippet.

<script type="text/javascript">
  window.productJSON = window.productJSON || {
    "handle": "{{ product.handle }}",
    "vendor": "{{ product.vendor }}",
    "tags": "{% if product.tags.size > 0 %}{{ product.tags | join: ", " }}{% else %}{% endif %}",
    "type": "{{ product.type }}",
    "product_type": "{{ product.product_type }}"
  };
</script>

4. Save your changes.

5. In the Shopify Theme Customizer, add the Infinite Options app block on the featured product.