Hide Out-of-Stock Variants on Shopify Collection Pages

Display only available variants in your Shopify collection grid.
Improve browsing experience and keep your catalog clean — without editing theme code.

Install on Shopify
Free 7-day trial
Setup in minutes
No theme modification required
Hide out-of-stock variants on Shopify collection pages

Why Shopify shows out-of-stock variants on collection pages

In Shopify, products are structured with multiple variants under a single product.

For example, a product may have several color or size options.

Even when some variants are out of stock, most Shopify themes still display the product in collection grids.
Because collection pages render the parent product, individual variant inventory is not always reflected in the grid.

This means customers can click on products only to discover the variant they want is unavailable.

A solution like Variantify allows merchants to filter and hide out-of-stock variants directly in the collection display.

Skip to no-code setup
Default Shopify
Variant display before Variantify
Out-of-stock variants still appear in the collection grid.
Customers may click products only to discover unavailable options.
With Variantify
Variant display after Variantify
Unavailable variants are automatically hidden.
Customers see only products that can be purchased.

When hiding out-of-stock variants is useful

Hiding out-of-stock variants on Shopify collection pages is especially useful for stores with many product combinations.

When unavailable variants remain visible, customers may click on products only to discover that the option they want cannot be purchased.

Filtering out-of-stock variants keeps collections clean and helps shoppers focus only on items that are actually available.

👗

Fashion

Fashion stores often manage multiple color and size combinations.
Hiding unavailable variants keeps collections clean and avoids frustration.

👟

Sneakers

Limited sneaker sizes sell out quickly.
Showing only available variants helps shoppers find purchasable options faster.

👜

Accessories

Products like bags or watches may have many variants.
Filtering out unavailable ones improves browsing clarity.

How to hide out-of-stock variants on Shopify

Hiding out-of-stock variants on Shopify can be done without editing your theme code.

With Variantify, you can control how variants appear in your collection pages and automatically hide unavailable options.

1

Install Variantify

Install the app from the Shopify App Store and enable it in your theme settings.

2

Choose a collection

Choose the collection where you want variants to be displayed individually.

3

Enable hide out-of-stock variants

Activate the “Hide out-of-stock variants” option in the display settings.

Shopify theme settings
Activate Variantify in your theme
Enable Variantify in your theme settings to activate variant display on collection pages.
Variantify display settings
Configure variant display settings
Activate the “Hide out-of-stock variants” option to automatically remove unavailable variants from the collection grid.

Example of hiding out-of-stock variants on a Shopify collection page

With Variantify, out-of-stock variants can automatically disappear from the collection grid.

For example, if a sweater is available in five colors but two colors are sold out, only the three available variants remain visible in the collection.

This keeps the product grid clean and ensures customers only interact with purchasable items.

Install on Shopify
Product page
Variant display before Variantify
Size 22 is unavailable on the product page.
Customers can clearly see that this variant cannot be purchased.
Collection page
Variant display after Variantify
That unavailable variant does not appear in the collection grid.
Only purchasable variants are shown to customers.

Benefits of hiding out-of-stock variants

🧹

Cleaner product grid

Customers see only purchasable items, making collections easier to browse.

🛍️

Better shopping experience

Shoppers avoid clicking products that are unavailable.

📈

Higher conversion potential

Displaying only available variants reduces friction during browsing.

📦

No catalog duplication

Variantify preserves your Shopify product structure.

Frequently asked questions

Everything you need to know about hiding out-of-stock variants in Shopify collections.

Can Shopify hide out-of-stock variants by default?
Not exactly.

Shopify can hide sold-out products, but most themes display products at the parent level.

This means individual variant inventory is not always reflected in collection grids.
Does Hiding Out-of-Stock Variants Affect SEO?
Short answer: No — if implemented correctly.

Important factors:
Do not duplicate products
- Keep canonical structure intact
- Preserve Shopify’s original product URLs
- Avoid replacing the entire product grid markup

A proper implementation enhances UX without harming SEO.
In fact, cleaner collections can improve:
- Click-through rate
- Engagement signals
- Conversion rate
Can I show only discounted variants?
Yes.

Variantify allows you to filter variants based on inventory status or discount conditions directly in collection pages.
Is it better to hide or disable sold-out variants?
On collection pages, hiding out-of-stock variants generally provides better UX.

On product pages, disabling can sometimes make sense for back-in-stock flows.

Related guides for Shopify variants

Start hiding out-of-stock variants on Shopify collections

Install Variantify and automatically hide unavailable variants from your Shopify collection pages in minutes.

Install on Shopify