Add Product Options to Product Templates

Overview

Product Options will attempt to install its code into each of the product templates in your theme coding. However, there may be some custom templates your site is using that you want to show your options on.

To add the Options coding to your product templates, please follow these steps:

  1. From Shopify's 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