Change the Product Options Placement in Product Options 2.0

To change/move the placement of the Product Options set on a product page, follow these steps:

  1. From "Shopify Admin", select Online Store.

    select online store 

  2. Select Actions.


  3. Select Edit code.

    Edit code 

  4. Under "Templates", select the product.liquid template.

    Note: If your theme contains sections, you will need to select product-template.liquid under "Sections" instead.

    select product.liquid 

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

    find the variant code 

  6. Add this code in one of these three locations:
    • after the <form> tag,
    • after the {% endunless %}; or
    • after the last </select>.
    <div class="bold_options" data-product-id="{{ }}"></div>

    add the code 

  7. Select Save.

    select save 

That's it!

Next Steps