Your customer lands on a product page. They see a row of size buttons: S, M (crossed out), L (crossed out), XL (crossed out). They assume your store is broken and leave. You lost a sale you could have had.

Greyed-out sold-out variants quietly kill conversions every single day. And if a frustrated shopper navigates to /collections/all looking for something in stock? They get an unfiltered wall of everything you have ever sold. Lovely.

🎯 Quick Summary

  • Greyed-out sold-out variants confuse shoppers and cost you real sales
  • The /collections/all page is unfiltered by default and impossible to disable natively
  • Shopify has no built-in way to auto-hide either one
  • Hide Out of Stock (Starter plan, $9.99/mo) handles both automatically, no code needed

🙈 Hide Sold-Out Variants From the Picker

When size XL is out of stock, Shopify greys it out with a strikethrough. Most customers read that as "this page is broken," not "this size is temporarily unavailable." So they leave.

The obvious manual fix is to delete the sold-out variant entirely. Do not do this. When you restock XL, you have to recreate it from scratch, re-upload its photo, and redo all the variant data. Tedious and very error-prone.

A cleaner manual approach: edit your theme's variant-picker.liquid to skip variants with zero inventory. It works, but it requires a developer, breaks on theme updates, and still leaves stale product photos sitting in the image gallery.

Sold-out variant sizes removed from a Shopify product page picker
Six sizes, four unusable. Or: two sizes, both available. One of these converts.

With Hide Out of Stock (Starter and Pro plans), sold-out sizes and colors disappear from the picker automatically. No code, no deletions. The variant and its photo stay safely in your product data, just invisible to shoppers. The moment you restock, they reappear on their own.

This matters most for apparel, footwear, and anything with a size run. Showing 3 available sizes looks intentional. Showing 8 sizes with 5 greyed out looks like a problem you have not bothered to fix.

💡 Pro tip: Combine variant hiding with a smart collection sort so in-stock products always float to the top. See how to stop out-of-stock products from showing at the top of a Shopify collection.

🗺️ Fix the /collections/all Problem

Shopify generates a /collections/all page automatically. You cannot turn it off natively. It shows every product in your store, in no particular order, including sold-out items, discontinued products, and things you listed years ago and forgot about.

Google sometimes indexes it. Visitors who land there see a mess instead of your best products.

The standard manual workaround: create a smart collection with conditions that filter out unavailable products, then manually add a URL redirect from /collections/all to it inside your Shopify admin. It works, but it requires ongoing maintenance as your collection rules and product catalog change.

Hide Out of Stock storefront features for hiding sold-out variants on Shopify
One toggle. No more /collections/all horror show welcoming your Google traffic.

Hide Out of Stock handles it with a single toggle on Starter and Pro plans. Enable it and the app redirects /collections/all to your homepage. Visitors land somewhere useful. Google stops indexing the unfiltered mess.

For the full picture on why this page causes more damage than most merchants realize, the post on how to hide the /collections/all page on Shopify walks through every available option.

Hide Out of Stock icon

Stop showing what you cannot sell

Hide Out of Stock automatically removes sold-out variants from the picker and takes care of the /collections/all problem, no code and no manual redirects required.

Try Hide Out of Stock for free →

Everything you get, at a glance:

  • Sold-out variants disappear from the product page picker automatically
  • Variant photos are hidden too, so the image gallery stays clean
  • Variants reappear the moment stock returns, no manual publishing needed
  • One toggle redirects /collections/all to your homepage
  • Tag exclusions keep pre-order and coming-soon products visible at all times
  • One-click full catalog scan hides everything already out of stock on install
  • Available on the Starter plan ($9.99/mo) with a 7-day free trial
Before and after of a Shopify product page with sold-out variants hidden
Left: a picker full of false hope. Right: only the sizes you can actually buy.

🚀 Why This is Worth Fixing Today

Merchants treat greyed-out variants as a cosmetic issue. It is not. A shopper who clicks a crossed-out size and sees nothing happen assumes the page is broken. That shopper leaves. That is a real sale, lost to a 10-second fix you never got around to.

The /collections/all page is the same story. It flies under the radar until you check your analytics and wonder why that URL has a 90% bounce rate and ranks for nothing useful.

Both problems have manual solutions that take real time and tend to break whenever you update your theme or restructure your catalog. An automated fix that costs $9.99 a month pays for itself after a single recovered sale.

If you want to go deeper on what happens to your search rankings when products go offline, the post on how sold-out products hurt your Shopify SEO explains exactly what breaks and how to protect it.

Frequently Asked Questions ❓

The only native option is to edit your theme's variant picker code, which requires a developer and breaks on theme updates. A cleaner approach is Hide Out of Stock (Starter plan), which removes unavailable variants from the picker automatically and restores them when stock returns. No code, no data loss.
No. Hide Out of Stock makes the variant invisible in the storefront picker and hides its associated photos, but the variant itself stays in your Shopify admin untouched. When you restock, everything reappears exactly as it was before.
Shopify has no native auto-hide feature. Shopify Flow can set products to Draft at zero inventory, but it requires two separate workflows (one to hide, one to restore) and has no built-in redirect step. Hide Out of Stock handles hide, restore, and optional 301 redirects in one app, listening to inventory webhooks in real time.
You cannot disable it natively. The common manual fix is to create a smart collection with in-stock conditions and then manually add a redirect in your Shopify admin. Hide Out of Stock (Starter and Pro plans) adds that redirect automatically with a single toggle, sending visitors to your homepage instead.
Variant-level changes do not directly affect indexed URLs, since Shopify does not create separate URLs for individual variants. The bigger SEO risk is hiding entire products without a 301 redirect. See the full breakdown in how sold-out products hurt your Shopify SEO.
Hiding a variant removes just that sold-out size or color from the picker, leaving the product page fully live and indexed. Hiding the whole product unpublishes the entire page. For products where at least one variant is in stock, hiding individual variants is almost always the better move for both conversions and SEO.
CW

CartWorksWe build Shopify apps that quietly make stores more money.

Try Hide Out of Stock for free →