Add Product Options to Product Templates


When Product Options 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's 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! If you're having difficulty, please visit Change the Placement of Product Options for more information on how to change the position of options.

Next Steps:

Blog Posts:

0 out of 0 found this helpful



Please sign in to leave a comment.