Change the Placement of Product Options

Follow

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.

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

That's it!

Next Steps:

Blog Posts:

4 out of 16 found this helpful

Comments

0 comments

Please sign in to leave a comment.