Change the Placement of Product Options



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

  1. From Shopify's 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 quantity box code, which should look like this:

    Find Code

  6. Add this code in just before the opening div:
    <div class="bold_options" data-product-id="{{ }}"></div>

    Note: This coding can also be placed elsewhere in this theme file. This guide only lays out where we believe it will fit best for the majority of users.

    Insert Code

  7. Select Save.

    Select Save

Helpful Links:

8 out of 20 found this helpful



Please sign in to leave a comment.