Sold-out UX

Shopify Hide Sold-Out Variants

Hide sold-out variants = customer thinks you don't stock the color. Strikethrough = 'we have it, just not now'. Strikethrough usually wins.

Last updated: July 30, 2026By the Print It My Way team

Install Print It My Way — Free

3 approaches

  1. Hide — variant not shown in picker (simplest)
  2. Strikethrough + disabled — visible but unselectable (best UX)
  3. Notify Me button — sold-out variant shows email signup

Theme setting

Dawn: 'Show unavailable variants' toggle. Off = hide. Recommend on with strikethrough styling.

Custom code

Add class 'sold-out' to variant option when inventory = 0. Style with strikethrough + disabled cursor. Add title 'Sold out — notify me'.

Notify-me integration

Klaviyo, Back in Stock app, or native Shopify Email. Customer subscribes, gets email when restocked.

Frequently asked questions

Should sold-out Shopify variants be hidden?

Prefer strikethrough. Hidden = customer thinks the color doesn't exist. Strikethrough = 'exists, unavailable now'.

How to hide sold-out variants on Shopify?

Dawn theme setting or custom JS filter. Hides from variant picker.

How to add strikethrough to sold-out variants?

CSS class 'sold-out' + text-decoration: line-through; opacity: 0.4.

How to add notify-me for sold-out?

Klaviyo Back in Stock, Shopify Email, or Back in Stock app. Customer subscribes, notified on restock.

Does hiding sold-out affect SEO?

Minimal. Variant URLs still exist; product page still ranks.

Show 'Only 3 left' vs hide count?

Show count when low (<5). Hide when high (>10). Urgency without overstock signal.

Best app for sold-out UX?

Native Dawn + Klaviyo Back in Stock covers most needs.

How to handle sold-out for POD (unlimited stock)?

POD = never sold out unless partner drops the product. Set 'continue selling when out of stock' = yes.

Related reading

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