Add Product Options to Product Templates

Product Options will attempt to install its code into each of your theme's product templates. There may, however, be some custom templates that you may want to show your Product Options on.

To add Product Options' code to your product templates, please follow the steps below.



  1. From the Shopify admin, select Online Store.
  2. Select Actions beside the theme you'd like to adjust, then Edit Code.
  3. Find the product template you would like to add Product Options to.

    Go to a product template

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

    Insert these two lines of code

  5. Find the quantity box code, which should look like this:

    Find quantity box code

  6. Copy and paste the following code before the opening div:
    <div class="bold_options" data-product-id="{{ }}"></div>

    Copy and paste before the opening div

  7. Select Save.
  8. Repeat Steps 3 - 6 for each product template you would like Product Options added to.
Was this article helpful?
0 out of 0 found this helpful