Add Product Options to Product Templates

Created by Brett Mikulik, Modified on Thu, 03 Nov 2022 at 04:30 PM by Brett Mikulik

Overview

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.


Setup

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

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons

Feedback sent

We appreciate your effort and will try to fix the article