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, then ActionsEdit code.
  2. Go to the first product template you would like Product Options added to.

    Go to a product template

  3. 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

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

    Find quantity box code

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

    Copy and paste before the opening div

  6. Select Save.
  7. 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