How to Change the Order of Shopify Options, Values, and Variants

To change variant order in Shopify, open the product in your admin and drag the options and option values in the Variants section into the order you want, then save. Variants follow the order of their options and values, so putting Small before Medium or Black before White changes how variants appear on your product page.

Variant order affects what shoppers see first, which variant is often preselected and how easily they find their size or color. Getting it right also matters for apps and integrations that read the order you set in Shopify.

How to Change Variant Order in Shopify

You change variant order by reordering options and their values, not individual variants. Follow these steps on desktop:

1. In your Shopify admin, go to Products and open the product.
2. In the Variants section, drag the handle next to an option, such as Size or Color, to change the option order.
3. To reorder values within an option, click Edit next to it and drag the values, such as S, M, L and XL, into place.
4. Click Done if prompted, then click Save.

After saving, check the product page on your storefront to confirm the new order. If you sell the same sizes across many products, use the same value order everywhere so shoppers see a consistent layout.

Reorder options

Option order decides which option leads. If Size comes before Color, variants are grouped by size first, so all Small variants appear before any Medium ones.

Put the option shoppers usually choose first at the top. For a product sold in many colors, that might be Color, while a product with one style and many sizes might lead with Size.

Reorder option values

Value order controls the sequence within each option. Sizes usually work best from smallest to largest, while colors can follow popularity, a seasonal theme or the order of your product photos.

Imports and integrations sometimes sort values alphabetically, which can put sizes in an order like 2XL, 3XL, L, M, S, XL. Dragging the values into a logical order fixes this for that product.

How Shopify Determines Variant Order

Shopify calculates variant order from your options and values. Reordering Size (Small, Medium) ahead of Color (Green, Red, Blue), for example, gives the sequence Small / Green, Small / Red, Small / Blue, then Medium / Green.

The first variant matters most. Many themes preselect it on the product page, and it often sets the first price and image shoppers see, so put your best-selling or most typical option first.

Apps that display variants usually follow the same order. Subscription portals, wholesale quick order lists and similar tools often read variant position from Shopify, so changing the order in your admin updates them too.

Change Variant Order With the API

Developers can reorder options and values with the GraphQL Admin API’s productOptionsReorder mutation. You pass the product ID and the options in their new order, with each option’s values in the order you want.

Shopify then recalculates the variant order from the new option and value positions. Every value must be included for each option you reorder, or the mutation returns an error and makes no changes.

This is useful when products are created by an integration that sorts values incorrectly. A script can fix the order right after import instead of someone editing each product by hand.

Fix Variants That Revert or Appear Out of Order

Sometimes a new variant order doesn’t stick or looks wrong on the storefront. Check these common causes:

• Changes weren’t saved. Click Done in the option editor and then Save on the product.
• The storefront is cached. Refresh the page or check in a private window after a few minutes.
• Several options were changed at once. Reorder the first option, save, then reorder the next one.
• An integration overwrote the order. ERP, inventory or product sync tools may reset option order each time they update the product.
• Imports sorted values alphabetically. Fix the order after importing, or adjust the source data so values arrive in the right sequence.
• A theme or app uses its own sorting. Check whether a variant picker or product options app has its own ordering settings.

If an integration keeps resetting the order, fix it at the source rather than in Shopify. Otherwise, your changes will be undone the next time the product syncs.

Sort Variants in Bulk

Dragging values works for one product, but it’s slow across hundreds of products imported with the wrong order. Bulk editing apps can sort option values, such as sizes, across many products and some can run the sort as a recurring task after imports.

Other apps sort variants automatically based on signals such as sales, clicks or inventory, so popular colors move to the front over time. This suits stores where the best-selling colors change often, while fixed orders such as sizes rarely need updating.

Before choosing an app, check whether it changes the actual option order in Shopify or only how variants display. Changes to the real order also carry over to apps and integrations that read variant position.

Variant Order on Collection Pages

Some apps show each variant as a separate product card on collection pages. By default, these usually follow the variant order set in Shopify.

Certain apps let you set a different variant order for each collection without changing the product itself. For example, you could lead with red variants in a holiday collection while your product pages keep their usual order.

Best Practices for Variant Order

A logical variant order makes products easier to shop and keeps your catalog consistent. Keep these habits in mind:

• Use a natural size order. List sizes from smallest to largest, such as XS through 3XL.
• Lead with your best option. Put the best-selling or most typical variant first, since it’s often preselected.
• Match variant order to images. Keep color order in line with your product photos where possible.
• Stay consistent. Use the same value order across similar products.
• Check after imports and syncs. Review a few products whenever variants are created or updated by another system.

Conclusion

Shopify variant order is controlled by the order of your options and their values, so a few drag-and-drop changes can make products much easier to shop. Keeping sizes logical, leading with your best option and checking order after imports helps every product page look organized and consistent. We hope this guide helps you set the right Shopify variant order for your store.