Add Product Options to Product Templates in Product Options 2.0

When Product Options 2.0 is installed, it is added to the first product page found. Code can be added to the other templates as needed by following this quick walk-through:

  1. From "Shopify Admin", select Online Store.

    select online store 

  2. Select Actions.


  3. Select Edit code.

    Edit code 

  4. Go to the first product template you would like Product Options added to.

    go to a product template 

  5. Insert these two lines of code at the very top:
    {% comment %} BOLD-PRODUCT LIGHT VERSION {% endcomment %}
    {% include 'bold-product' with product, hide_action: 'break' %}

    insert these two lines of code 

  6. Place this line of code between the <form></form> tags, above or below the Shopify variants.
    <div class="bold_options" data-product-id="{{ }}"></div>

    add this line of code 

  7. Select Save.

    select save 

  8. Repeat steps 5 - 7 for each product template you would like Product Options added to.

That's it!

Note: If you're having difficulty, please visit Change the Product Options Placement on a Product Page in Product Options 2.0 for more information on how to change the position of options.

Next Steps