Product variants

Hide vs disable vs label sold-out variants.

There is no single best treatment for every product page. The right choice depends on whether shoppers need context, how often variants return, and how the theme picker behaves.

Quick Decision Guide

Use hide when unavailable choices are visual clutter. Use disable when shoppers should see the full range but not select unavailable options. Use label when you want the safest first test and the least layout change.

Hide

Hiding sold-out choices keeps the product page compact. It can be useful for limited drops, seasonal colors, discontinued sizes, and products with many unavailable combinations.

Test hiding carefully when the missing option might confuse shoppers. For example, a size chart or product photo may still imply that a hidden size exists.

Disable

Disabling sold-out choices preserves the full option range while preventing unavailable selections. It is often a good fit for sizes, colors, widths, or materials that may be restocked.

The theme has to support a clear disabled state. If the disabled styling is too subtle, shoppers may not understand why an option cannot be selected.

Label

Labeling sold-out choices is usually the safest first pass. It keeps every option visible, explains the unavailable state, and avoids large layout changes.

Use short labels such as "Sold out" or "Unavailable" so variant buttons, swatches, and dropdowns remain readable on mobile.

Theme Picker Checks

Before choosing a behavior, check every variant picker your theme uses: buttons, swatches, dropdowns, quick-view cards, featured product sections, and mobile product pages.

Custom themes and page builders may need selector settings so the app can find the correct option elements without editing theme files.

For a more detailed setup pass, read the custom variant picker troubleshooting checklist.

Recommended First Test

Start with label mode on a duplicated or development theme. If the page still feels crowded, test disable mode. If the unavailable choices add no useful context, test hide mode last.

Keep a note of the theme, product handle, behavior mode, selector setting, and the product surfaces checked.

For more context, read why sold-out options confuse shoppers.

For drop products, read how to keep product pages clean during limited drops and restocks.

Use Vaestic

Vaestic: Hide Sold Variants is being built to let merchants choose hide, disable, or label behavior from the theme editor, then test the result before publishing.

View the app page or read the development-theme testing checklist.