How to Change the Display Order of Options on Shopify

Ken August 27, 2018


Last time, we have discussed the way to add variants to a product. Now, I will share with you about the editing variants process. It is clear that knowing how to edit variants of your existing products is an essential knowledge for every shop owners. If you can master this, it will give you the ability to change the variants details of your products in a timely manner. For example, you could change the option details, change the order of the options, edit or delete a variant, and so on.

In this editing process, the order of option names, which are displayed, plays an important and indispensable role. It is because the customers will see your variant options in a certain order, so if you change that order, it might help your customers to view all of the products that you are selling much more easier. Consequently, changing the display order of options becomes one of the effective methods to help you to edit your variants easily and effortlessly.

Related Posts:

How to change the display order of options on Shopify

Below are some simple steps to help you to reorganize your options’ display order. This instruction could be applied not only for Desktop but also for iPhone and Android.

Step 1: Click Products in Shopify Admin

Login into your Shopify account, next, click Products. All your products will appear on the screen.

Step 2: Choose the item you want to reorder

Choose the product which you want to change its options order by clicking on the name of that product.

change display orders of options on shopify

Step 3: Click Reorder variants

From the products details screen, scroll down to see the Variants section. Then, click the Reorder variants button that is beside the Edit options button to change the order of that product.

change display orders of options on shopify

Step 4: Click and drag an option name

After clicking Reorder variants. The dialog will appear. Here, you can re-order these option by click and drag an option name such as Color, Size or Material to change its position.

change display orders of options on shopify

Step 5: Change the position of values

When you have finished changing the order of all the option names as you want, you can also change the position of its values by doing the same way as you re-order the option names.

change display orders of options on shopify

Step 6: Choose Save to complete

Finally, remember to click the Save button to save your work.


Above is the brief instruction about how to change the display order of options that you have set in the variant details section. I hope that after reading this instruction, you can apply it in practice in order to raise your sales.

Hi everyone! I'm Ken. I'm a Shopify Expert from Vietnam. I have more than 5 years of experience with Shopify Ecommerce Web design and I have been doing a lot of Shopify development.
Recommend for you
Image Description
SEO Suite [FREE]

Auto-optimize website elements and structure in one-click.

Learn more
Proofo - Social Proof [FREE]

Use Social proof to boost sales

Learn more
Image Description
Size Chart [FREE]

Stunning size guide for great shopping experience

Learn more
Image Description
Free Shipping Bar [FREE]

Increase customers’ shopping cart size with free shipping offer

Learn more

Comments for Change Display Order of Options

People also searched for


Stay in the know

Get special offers on the latest news from AVADA.

40k subscribers has been joined!

Earn $10 in reward now!

go up