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

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

    Find the quantity box code in the theme file

  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.

    Change the quantity box code using the code provided

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