Change the Order and Placement of Options

Change the Order of Options

 Tip

Only the options within an option set can be rearranged. You're not able to change the order of option sets, as they should only be applied to one product at a time.

  1. From within your Product Options app, select Options from the top navigation bar.
  2. Select Edit next to the Option Set that you'd like to change.
  3. On the left edge of the option, use the square to drag the option up or down on the list.

    Drag the option using the square

  4. Once you're happy with the order, select Save Option Set.

 


 

Change the Placement of Options

This step-by-step will help with moving the placement of your Product Options either above or below any other options that may be on your product page through Shopify. For Step #3, you may notice that this code is already located within your theme files.
If the code is already within your theme file, please move the existing code instead of adding duplicates.

  1. From within your theme's code settings, find the product.liquid template.
  2. Find the quantity code box, which should look like this:

    PO_Quantity_Box_Code_-_Picture_1.png

  3. 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.

    PO_Add_Quantity_Box_Code_-_Picture_2.png

  4. Select Save.
Was this article helpful?
0 out of 0 found this helpful