You can't drag individual variants around in Shopify. The order comes from your options: first the order of the options themselves (Size, Color, Material), then the order of the values inside each option (S, M, L, XL). Change those and the variant list, the product page picker and the default selection all follow.
That sounds limiting, but once you know the rule it takes a minute per product. Below is how we set it up for merchants, plus the mistakes that make a size chart read "L, M, S, XL" on the live store.
Why variant order matters
Order is the first thing a shopper sees in the picker. A few practical reasons to care:
- The preselected variant. Most themes, including Dawn, preselect the first available variant when the page loads. If that's your most expensive size, the price at the top of the page looks higher than it needs to.
- Scanning sizes. Shoppers expect S, M, L, XL in that order. When sizes come out alphabetically (L, M, S, XL) people stop and re-read, and some pick the wrong one.
- Color browsing. Putting your best-selling or most photogenic color first means the gallery opens on it, which is usually the image you shot best.
Order at the option level
Variants list order derives from option value order. Reorder option values (S, M, L, XL) in the Options edit: variants reorder to match.
The options themselves also have an order. If Color sits above Size, variants are grouped by color first (Black / S, Black / M, Black / L, then White / S). Swap them and the list groups by size first. On the storefront, the option listed first usually appears first in the picker, so put the choice shoppers make first at the top. For apparel that's usually Size or Color; for prints it's usually Size.
Drag-drop option values
- Open the product in your Shopify admin and scroll to the Variants section.
- Click the option name (for example, Size) to open it for editing.
- Drag the values by their handle into the order you want: XS, S, M, L, XL, 2XL.
- Click Done, then Save the product.
- Open the product page in a private browser window and confirm the picker order and the preselected variant.
The variant list updates as soon as you save. If you also want to reorder the options themselves, drag the option rows in the same section.
Sort direction
Shopify doesn't auto-sort values. Whatever order you typed them in is the order they stay in until you drag them. That's why sizes added in a rush often end up out of order.
| Option type | Order that usually works | Why |
|---|---|---|
| Apparel size | XS, S, M, L, XL, 2XL | Matches size charts and how shoppers think |
| Print or canvas size | Smallest to largest (8x10, 11x14, 16x20) | Price climbs naturally as they read |
| Color | Best seller first, then neutrals, then brights | Opens the gallery on your strongest image |
| Material or finish | Standard first, premium after | Lowest price shows on page load |
Our guide on setting up size options covers whether to show sizes as buttons or a dropdown, which also changes how the order reads.
Impact on storefront
Product page variant selector uses this order. Default variant (first in list) is pre-selected. Reorder to control default.
One catch: if the first variant is sold out, most themes skip to the first variant that's in stock. So the default can change on its own as stock moves. If you want to understand exactly how your theme builds the picker, read how the Shopify variant picker works. On phones the order matters even more because fewer values fit on screen; see our notes on mobile variant pickers.
Reordering across many products
There is no bulk reorder button in the admin. For a catalog of 20 products, doing it by hand takes about half an hour. For hundreds, the practical route is the Shopify Admin API, which can reorder options and option values on a product. A developer or a bulk-editing app can run that across your catalog. Test on a copy of one product first.
If you're reordering because a personalization choice (font, name style, thread color) was set up as a variant option, consider moving it out of variants entirely. A font picker in Print It My Way has its own display order that you set once in the app, and it doesn't add variants at all.
Common mistakes
- Typing sizes in the order they came to mind and never fixing them.
- Putting a premium material first, so the page loads with the highest price.
- Reordering values but forgetting the option order, so Color still groups above Size.
- Expecting the canonical URL to change with the default variant. It doesn't; Shopify's canonical points at the product, as explained in our guide to canonical tags for variants.
Frequently asked questions
How to reorder Shopify variants?
You reorder option values, not variants. Open the product, click the option in the Variants section, drag the values into order and save. The variants follow.
Can I sort variants alphabetically?
Only by hand. Shopify doesn't auto-sort, so drag the values into alphabetical order yourself.
How to sort sizes (S before M before L)?
Drag the size values into XS, S, M, L, XL order inside the Size option. Shopify keeps the order you typed until you change it.
Can I change the default variant?
Yes, indirectly. Most themes preselect the first available variant, so move the value you want to the top of each option. If that variant sells out, the theme moves to the next one in stock.
Do I need to reorder all products individually?
In the admin, yes. For large catalogs, the Admin API can reorder options and values, so a developer or a bulk-editing app can do it for you.
Does variant order affect SEO?
Very little. The canonical URL points at the product, not the default variant, so reordering mostly changes what shoppers see first.
Can I reorder via CSV?
Row order in a CSV can set the order for newly created products, but it's unreliable for existing ones. Fix the order in the admin after importing and check the live page.
How to feature best-selling variant first?
Drag its option value to the top of the option. Review it every season, since your best seller changes.
Related reading
Sources & further reading
Primary sources referenced in this article. We link to official platform documentation and standards bodies rather than secondary summaries so you can verify claims directly.
- Shopify Help Center: Product variants
- Shopify.dev: Product variant limits
- Shopify Help Center: Line item properties (customization)
Try it free on Shopify
Print It My Way's permanent Free plan includes live preview, custom options, and Cart Transform pricing.
Install Print It My Way