Shopify Hide Out of Stock Variants: Complete 2025 Guide

Introduction: Why Shopify Hide Out of Stock Variants Matters

Running a Shopify store successfully requires more than just uploading products and customizing themes. Inventory management plays a critical role in customer experience and conversion rates. One common issue many merchants face is how to hide out of stock variants on Shopify product pages.

Imagine a customer selects a size or color, only to be greeted with a “Sold Out” label. This friction can lead to frustration, abandoned carts, or even loss of trust in your store. The solution? Learn how to hide variants Shopify considers unavailable.

In this in-depth guide, we’ll cover:

• Why Shopify shows out of stock variants by default
• Methods to hide or manage them without losing SEO value
• App recommendations to automate the process
• Best practices for optimizing product availability on Shopify

What Are Shopify Variants?

A Shopify variant is a version of a product with different attributes such as:

• Size
• Color
• Material
• Style

Each combination of these attributes forms a unique variant. Shopify supports:

• Up to 3 product options
• Up to 100 total variants per product

Each variant has its own inventory level, SKU, and pricing.

Problem: Out of Stock Variants Still Show on Product Pages

By default, Shopify displays all product variants—even if they’re out of stock. This can result in:

• Poor user experience
• Lost sales
• Misleading product availability
• Extra customer support queries

If you sell high-demand products, or use limited inventory strategies, you need a clean way to hide out of stock variants from customers.

Why Shopify Shows Sold-Out Variants by Default

Shopify’s default behavior is intended to:

• Maintain variant structure
• Avoid removing indexed content for SEO
• Let users sign up for restock notifications (if set up)

But from a UX perspective, it can cause confusion and hurt conversions.

Method 1: Shopify Hide Out of Stock Variants Using Shopify Theme Code

If you’re comfortable editing your Shopify theme, you can hide sold-out variants manually with Liquid code.

Step-by-Step: Editing Liquid to Hide Variants

• Go to Online Store > Themes > Edit Code
• Open your product template file (product-form.liquid or similar)
• Find the variant loop in the code (e.g. {% for variant in product.variants %})
• Add a condition to skip variants with 0 inventory:

liquid

CopyEdit

{% if variant.available %}

   <!-- Display variant -->

{% endif %}

• Save and test the product page

Pros:

• Clean solution
• Free
• No apps required

Cons:

• Requires basic coding skills
• May break with theme updates
• Doesn’t work if “Allow overselling” is enabled

Bonus Tip: You can also add a visual badge like “Out of Stock” using variant.available == false condition instead of hiding them.

Method 2: Use Shopify Inventory Tracking + Hide Option Combinations

If you use Shopify’s built-in inventory system, you can enable “Track Quantity” and set “Continue selling when out of stock” OFF.

How:

1. Go to Products > [Your Product]
2. Scroll to Variants
3. Click on a variant
4. Enable Track Quantity
5. Disable Continue selling when out of stock

Shopify will then automatically disable those variants on the storefront (but not hide them completely).

Pros:

• Native Shopify feature
• Easy setup
• Prevents purchases of out-of-stock items

Cons:

• Variants still visible, but not selectable
• Doesn’t fully “hide” the variant from dropdowns

Method 3: Use a Shopify App to Shopify Hide Out of Stock Variants Automatically

For merchants who prefer a no-code and scalable approach, apps are the best solution. These apps automate the process of hiding unavailable variants in real-time.

Best Apps to Hide Sold Out Variants on Shopify:

1. Auto Hide Sold-out Products by Egnition

• Automatically hides out-of-stock variants
• Option to hide entire product or just the variant
• Works well with large inventories

2. Out of Stock Police

• Keeps your store organized by moving out-of-stock products to the bottom
• Option to hide them
• Custom rules based on collections and tags

3. Push Down & Hide Out of Stock by Gravity Software

• Pushes sold-out items to bottom or hides them completely
• Integrates with product sorting and availability filters

4. Zero Out by StoreBuilder

• Designed for hiding sold-out variants only
• Works on autopilot
• Perfect for flash sales or seasonal drops

Pros of Using Apps:

• No code needed
• Works with any theme
• Flexible settings
• Some apps offer analytics and restock email integrations

Cons:

• Some may have monthly fees
• App conflicts with complex themes possible

Method 4: Shopify Hydrogen or Headless Approach

For enterprise-level stores or custom frontends using Shopify Hydrogen, developers can create logic that excludes out-of-stock variants entirely from the storefront experience.

While this approach is resource-intensive, it gives full control over how product data is shown.

Best Practices for Product Availability on Shopify

Whether you choose code, apps, or settings, follow these tips to maintain a professional store experience:

1. Clearly Communicate Stock Status

If you don’t hide sold-out variants, show clear “Out of Stock” labels, dim the options, or use strikethroughs.

2. Enable Back in Stock Notifications

Use apps like Back in Stock: Restock Alerts or Back in Stock Notifications to let customers opt-in to be notified when a variant is available again.

3. Avoid Deleting Variants

Never delete sold-out variants if you plan to restock them. Doing so will:

• Break SEO URLs
• Remove customer reviews
• Reset analytics tracking

Instead, hide or disable them temporarily.

4. Automate Inventory Rules

Use tags like outofstock, lowstock, or preorder to create automated workflows that manage visibility, display warnings, or sync with marketing tools.

SEO Considerations When Hiding Variants

Search engines can index individual product variants, especially if they have unique URLs.

To avoid SEO problems:

• Use canonical tags to avoid duplicate content
• Avoid removing pages entirely—hide them visually instead
• Redirect deleted variant URLs if permanently removed

Also consider creating variant-rich landing pages targeting specific long-tail keywords like:

• “Black leather boots size 12 out of stock”
• “Cotton t-shirt in red XL restock”

FAQ: Shopify Out of Stock Variant Management

Can Shopify hide out of stock variants natively?

Not fully. You can disable “Continue selling when out of stock,” but hiding requires theme code or apps.

Will hiding variants affect my SEO?

Not if done properly. Avoid deleting URLs or products. Use noindex or canonical tags if needed.

Can I hide out of stock variants only, not entire products?

Yes. With apps like Out of Stock Police or custom theme tweaks, you can hide only the unavailable variants while keeping the main product live.

Can I show an “Out of Stock” badge instead of hiding?

Absolutely. If you want transparency, use badges or greyed-out selections to inform customers rather than hiding the options entirely.

Is this possible on all Shopify plans?

Yes. Hiding out of stock variants can be done on all plans, though some advanced automation may require apps or Shopify Plus.

Final Thoughts: Control Your Shopify Hide Out of Stock Variants

Shopify makes ecommerce easy, but managing inventory visibility is where smart sellers separate themselves. Out of stock variants, if handled poorly, can damage the user journey, dilute brand trust, and lead to lost sales.

Whether you go with a simple theme tweak, built-in inventory settings, or a specialized Shopify app, the key is consistency. Your product pages should always reflect real-time availability with clear status indicators or hidden variants.

Start by evaluating your store’s current approach:

• Are you showing sold-out variants?
• Are customers getting confused or frustrated?
• Do you want a scalable solution that works across hundreds of products?

If yes, choose the solution that fits your technical comfort and budget. And most importantly—make sure your store stays clean, fast, and customer-focused.