Top

Product Options 2.0 - Change the Product Options Placement on a Product Page

In this article you will insert a line of code to change/move the placement of the Product Options set on a product page. Here's how:

  1. Select Online Store.
  2. Select
  3. Select Edit HTML / CSS.
  4. Under "Templates", select the product.liquid template.

    Note: If your template contains sections, you will need to select the product-template.liquid section instead.

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

    VariantCode2.JPG

  6. Add this code in one of the three locations indicated:
    <div class="bold_options" data-product-id="{{ product.id }}"></div>
  7. Select Save.

That's it!

Have more questions? Submit a request