Top

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.

    select actions 

  3. Select Edit HTML / CSS.

    select edit html / css 

  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="{{ 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!

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.

Have more questions? Submit a request