Add Product Options to Product Templates

Follow

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.

    select online store

  2. Select Actions.

    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. Find the quantity box code, which should look like this:

    Find Quantity Box Code

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

    Paste Code

  8. Select Save.

    select save

  9. Repeat Steps 4 - 8 for each product template you would like Product Options added to.

That's it!

Next Steps:

Blog Posts:

0 out of 0 found this helpful

Comments

0 comments

Please sign in to leave a comment.