Hide vs. Grey Out Sold-Out Variants: Which Converts Better?

There's no universal winner: greying out converts better when shoppers expect to see the full range (few variants, standard sizing, predictable restocks), and hiding converts better when dead options are pure clutter (large variant matrices, one-off inventory, long or unpredictable restock cycles). Most Shopify themes grey out sold-out variants by default — struck through, labelled "Unavailable", still on the page. The alternative is to hide them entirely.

Merchants ask us which converts better, and we build a hiding app, so you might expect us to say "hide, always" — but greying out genuinely wins in some stores. Here's the real trade-off, a decision framework, and how to measure it for yourself instead of trusting anyone's blanket claim. (New to the mechanics? Our pillar guide covers all four hiding methods, including the CSS that controls grey-out styling.)

When is greying out sold-out variants better?

When the sold-out option itself carries information: that the size exists, that demand is real, or that a restock is worth waiting for. Greying out keeps context on the page at the cost of some clutter.

• It preserves context. A shopper who wears a medium wants to know the medium exists. Seeing it greyed out says "wrong timing", while its absence says "wrong store" — they may assume you simply don't carry their size and never come back.
• Sold-out can be social proof. A picker where two popular options are crossed out signals demand. For hyped or scarce products, visible sellouts can push shoppers to buy what's left, faster.
• It enables back-in-stock capture. A greyed-out option is somewhere to hang a "Notify me when available" button. Hide the variant and you lose that email-capture surface unless you add product-level messaging.
• It matches expectations for standard sizing. In apparel especially, shoppers are trained to see full size runs with gaps. A size run that shows only S and XXL can look broken rather than curated.

When is hiding sold-out variants better?

When unavailable options add friction without information: big option matrices, inventory that isn't coming back, and catalogues where stockouts linger. Hiding trades context for cleanliness — and cleanliness compounds with scale.

• Zero dead-end clicks. Every tap on an unavailable option is friction, and friction compounds on mobile. Showing only buyable options is the shortest path to add-to-cart.
• Cleaner pages when variant counts are high. Greyed-out clutter gets worse the bigger the matrix. A product with 40 combinations and 25 sold out reads as "mostly unavailable" even though 15 options are ready to ship.
• Accurate search and filters. Greying out happens in the product page UI — storefront search and collection filters can still route shoppers to options that can't be bought. Hiding at the publication level fixes all three surfaces at once.
• No false hope. For inventory that won't return — one-offs, clearance, discontinued colourways — a greyed-out option is a promise you can't keep. If it's never coming back, showing it helps no one.

Which approach fits your store?

Match the display strategy to your restock behaviour and variant count — not to a generic best practice.

Can you combine hiding and greying out?

Yes — and the best-performing setups we see are usually hybrids: grey out the temporarily gone, hide the permanently gone. Greying out is your theme's default for anything visible, so you only need rules for what to hide.

• Hide the permanent, grey out the temporary. Keep core sizes visible while they await restock, but hide discontinued or clearance options for good. With VarHide's query builder you can scope hiding by product tag, vendor, type, status, or metafield — for example, only auto-hide variants on products tagged clearance.
• Hide early, not just at zero. A threshold rule (say, "treat 2 units or fewer as sold out") keeps safety stock from selling and spares you oversell apologies — something greying out can't do at all.
• Leave backorders alone. Variants set to "continue selling when out of stock" are sellable on purpose; VarHide leaves them visible by default.
• Never let the product page die. Whichever you choose, a product whose variants are all sold out shouldn't 404. VarHide's default keeps the product live even when everything in it is hidden — rankings and ad links survive the stockout.

How do you measure which converts better for your store?

Run a scoped before/after (or A/B) test on one comparable segment for 2–4 weeks per condition, and judge it on product-page conversion, add-to-cart rate, and exit rate. Don't take conversion claims on faith — including ours. This is a testable question:

1. Pick a comparable segment. One collection (or product type) with a meaningful stockout rate. Testing where nothing sells out tells you nothing.
2. Baseline for 2–4 weeks with greyed-out variants. Record product-page conversion rate, add-to-cart rate, and product-page exit rate for the segment.
3. Switch the segment to hiding (scope it with a tag rule so the rest of the store is unaffected) and run the same 2–4 weeks.
4. Compare like with like. Watch out for promotions, seasonality, and restock waves distorting either period. If your traffic justifies it, a proper A/B test via your testing tool is stronger than before/after.
5. Check the counter-metric. If you hide, watch back-in-stock signups and "do you have this in medium?" support tickets — a drop in dead-end clicks shouldn't come at the cost of silent demand you never hear about.

FAQ

Won't hiding confuse shoppers who are looking for their usual size?

It can, in standard-sizing categories — that's exactly when greying out (or a hybrid) is the better fit. If you hide, pair it with restock automation so the size reappears the moment inventory returns, and consider product-level "more sizes coming back" messaging.

Can I grey out some variants and hide others on the same store?

Yes. Greying out is your theme's default for anything visible, so you only need rules for what to hide. VarHide's query builder scopes hiding by product tag, vendor, type, status, SKU, price, or metafields — everything outside your rules stays greyed out as usual.

Is there a universal statistic on which converts better?

No credible one. Results depend on catalogue type, stockout rate, and restock behaviour, which is why we recommend the segment test above rather than quoting someone else's number.

Does hiding variants hurt SEO?

Variants share the product's URL, so hiding one doesn't remove a page from the index. The risk lives at the product level — never leave a product with zero visible variants. We covered this in detail in our guide to the four hiding methods.

Keep reading

• How to Hide Sold Out Variants in Shopify (4 Methods, 2026) — the full guide, with copy-paste Liquid and CSS.
• How to Hide Out-of-Stock Variants Without Deleting Them — the non-destructive approach in depth.

← Back to the VarHide blog