This guide explains how to hide out-of-stock variants on Shopify collection pages without affecting SEO or modifying your theme’s core files.
If you’re using product variants in Shopify (color, size, material, etc.), you’ve probably noticed something frustrating:
👉 Even when a variant is out of stock, it can still appear in your collection page grid.
This creates:
In this guide, you’ll learn how to hide out of stock variants on Shopify collection pages — step by step — without breaking your SEO or editing complex theme code.
⚠️ Important: This guide focuses on hiding out-of-stock variants on the collection page, not on the product page dropdown selector.
When customers browse your collection pages, they expect to see:
Showing unavailable variants in the product grid can:
Hiding them improves:
By default, Shopify:
However, this behavior also depends on how your Shopify theme renders collection cards.
Here’s why:
Shopify groups variants under a single parent product.
Most themes display the product object in collections — not individual variant inventory logic.
So even if:
The collection grid still renders the parent product.
When variants are displayed as separate items in collections, the theme does not automatically filter them by inventory status.
That’s where additional logic (or an app) is required.
Some merchants duplicate products and manually remove unavailable variants.
Problems:
Not scalable.
You can modify:
But this approach:
This is fragile and technical.
The safest and most scalable method is using an app that:
For example, with Variantify, you can:
All without editing your theme.
.png)
.png)
Install the app from the Shopify App Store and enable the App Embed in your theme settings.
No coding required.
Inside the app dashboard:
In the display settings:
✔ Activate “Hide out-of-stock variants”
Now:
If you’re splitting variants on Shopify collection pages, controlling inventory visibility is essential.
Hiding out-of-stock variants:
If you want a no-code, SEO-safe solution:
👉 Install Variantify and manage your variant visibility with full control.
Short answer: No — if implemented correctly.
Important factors:
A proper implementation enhances UX without harming SEO.
In fact, cleaner collections can improve:
Not exactly.
Shopify can automatically hide sold-out products, but hiding individual out-of-stock variants on collection pages depends on how your theme renders product cards.
Most Shopify themes (including Dawn) display the parent product in collections rather than filtering by individual variant inventory. As a result, out-of-stock variants are not automatically removed from the collection grid without customization or additional logic.
Yes.
If you're displaying variants individually in collection pages, you can control exactly which variants appear.
With Variantify, for example, you can:
• Hide variants based on inventory status
• Display only specific variants using SKU-based selection
• Create custom collections with selected variants only
This allows you to precisely manage variant visibility without duplicating products or editing your theme code.
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.
Yes.
On Shopify collection pages, showing only discounted variants requires additional filtering logic, since Shopify does not natively filter individual variants by discount status in collection grids.
With Variantify, you can:
• Display only discounted variants
• Combine discount filtering with inventory filtering
• Control visibility per collection
This is especially useful for sale collections, seasonal promotions, and clearance merchandising.
