Why All WooCommerce Swatches Show Out of Stock When Only One Variation Is Unavailable

You mark one WooCommerce variation as unavailable. Then you open the product page and suddenly every color or size swatch appears disabled.

That is confusing for customers and even more confusing when the remaining variations are actually available.

When all swatches show out of stock because of a single unavailable combination, the issue usually comes from how WooCommerce, your swatches plugin, or your theme interprets variation availability. Here is how to find the cause without rebuilding the product from scratch.

First, Understand How WooCommerce calculates availability.

A variable product does not treat Color and Size as completely separate inventory items.

WooCommerce evaluates actual variation combinations.

Suppose your product has:

• Black + Small: In stock
• Black + Medium: In stock
• Black + Large: Out of stock
• Blue + Small: In stock
• Blue + Medium: In stock
• Blue + Large: In stock

Black itself is still in stock.

Only Black + Large is unavailable.

A properly working swatches plugin should keep Black available. After the customer selects Black, it should disable only Large.

If every Black option, every size, or even every swatch on the page begins to show out of stock, something is incorrectly applying one variation’s status to a wider group of options.

How to Fix All Swatches Showing Out of Stock

1. Check the Stock Status of Every Variation

Start inside the product rather than the plugin settings.

Go to:

Products → Edit Product → Product Data → Variations

Open each variation and check:

• Stock status
• Manage stock
• Stock quantity
• Backorders
• Enabled status

Check all variations, not just the one you marked unavailable.

Sometimes another variation has accidentally been set to out of stock, disabled, or given a quantity of zero.

For example, you may expect the following:

Blue + Medium = In stock

but find

Stock quantity = 0

If several variations have incorrect inventory information, WooCommerce may show more swatches as out of stock than you expected.

Correct the underlying inventory data first.

2. Check Whether the Parent Product Is Out of Stock

This step is easy to overlook.

WooCommerce has variation-level inventory, but the parent variable product can also have inventory-related settings.

If the parent product is treated as unavailable, your swatches plugin may disable every option regardless of individual variation stock.

Open:

Product Data → Inventory

Check whether the parent product has been marked out of stock or whether stock management settings are interfering with variation-level inventory.

For most variable products where stock is controlled separately for each variation, the individual variations should remain the main source of availability.

If every swatch suddenly shows out of stock, parent-level inventory is worth checking.

3. Make Sure Variations Are Built Correctly

A missing or incorrectly configured variation can look like an unavailable option.

Suppose you have these attributes:

Colors: Black, Blue
Size: Small, Medium, Large

You can assume WooCommerce has six combinations.

But if only five actual variations exist, one combination is missing entirely.

Some swatch plugins visually treat missing combinations the same way they treat out-of-stock variations.

The problem becomes more noticeable when plugin logic is overly aggressive and several swatches show out of stock based on incomplete variation data.

Open the Variations tab and confirm that all intended combinations exist.

If necessary, use WooCommerce’s show out of stock option to generate variations from all attributes, then remove only combinations you genuinely do not sell.

4. Check Default Attribute Selections

Default selections can influence what customers initially see.

For example, imagine the default variation is

Black + Large

and Black + Large is not available.

When the page loads, WooCommerce may initially calculate availability using that combination.

A well-designed swatches plugin should handle the “show out of stock” situation correctly, but some plugins or themes may incorrectly leave other options in a disabled state.

Check:

Product Data → Variations → Default Form Values

Try removing the default selections temporarily.

Reload the product.

If the swatches no longer incorrectly show as out of stock, your default variation was likely causing the issue.

You can then choose an available default variation or leave the fields unselected.

5. Review the Swatches Plugin’s Availability Logic

Swatch plugins do not all handle unavailable combinations in exactly the same way.

Open your swatch settings and look for options involving

• Disable unavailable variations
• Hide unavailable swatches
• Stock-based swatches
• Dynamic availability
• Attribute behavior
• Disable parent attribute
• Cross out unavailable options
• Variation threshold
• AJAX variation loading

The important feature here is dynamic availability.

If a shopper selects Black, the plugin should recalculate available Size options based on Black.

It should not decide that Black is unavailable just because one Black variation is out of stock.

If all related swatches show out of stock, test different availability settings within the plugin.

6. Check WooCommerce’s Variation Threshold

WooCommerce has special behavior for products with a large number of variations.

For larger variable products, variation data may not all be loaded onto the page immediately. WooCommerce can rely more heavily on AJAX requests to resolve valid combinations.

Some swatch plugins handle this perfectly. Others behave differently once a product crosses the variation threshold.

Such behavior can create situations where swatches show out of stock incorrectly on products with many combinations but work normally on simpler products.

Create a small test product with:

• Two colors
• Three sizes
• Six variations

Mark only one variation as unavailable.

If the test product behaves correctly while your large product does not, investigate your plugin’s support for large variation sets and AJAX variation loading.

7. Check Whether Custom Attributes Are Causing Confusion

Global WooCommerce attributes generally provide the cleanest structure for variation swatches.

Go to:

Products → Attributes

For common attributes such as Color and Size, global attributes are preferable.

If your product mixes global attributes with manually created custom attributes, a swatches plugin may have trouble matching terms consistently.

This can result in incorrect availability calculations where several options show out of stock even though WooCommerce still has valid combinations.

If possible, test the affected product using global Color and Size attributes.

You do not need to rebuild your whole catalog immediately. A clean test product can tell you whether attribute structure is contributing to the problem.

8. Test for Theme or Plugin Conflicts

Another plugin may also be changing WooCommerce variation behavior.

Common candidates include:

• Product add-ons
• Variation galleries
• Quick-view plugins
• Product bundles
• Composite products
• Optimization plugins
• Custom variation scripts

Temporarily keep only:

WooCommerce + your swatches plugin

active in a safe staging environment.

Then test the affected product.

If the swatches stop incorrectly showing unavailable states, reactivate plugins gradually until the problem returns.

The same method works for themes.

Temporarily test with a standard WooCommerce-compatible theme. If swatches no longer show out of stock incorrectly, your theme may be modifying WooCommerce’s variation markup, classes, or JavaScript behavior.

9. Clear Cache and WooCommerce Transients

You can correct all the stock information and still see the old result.

Clear:

• WordPress page cache
• Server cache
• CDN cache
• Browser cache
• WooCommerce transients

Then open the product in a private browser window.

This step is especially important after changing multiple variation stock statuses.

Cached frontend data can make available swatches show as out of stock even though WooCommerce now has the correct inventory information.

If the issue disappears in a private window, you probably had stale cached product or variation data.

10. Create a Simple Test Product to Find the Real Cause

When a complicated product has dozens of variations, troubleshooting every combination can take too long.

Create a temporary product with:

Colors: Black, Blue
Size: Small, Medium, Large

Create all six variations.

Set only:

Black + Large = Out of stock

Leave everything else available.

Now test the frontend.

The correct behavior should be simple:

Black remains selectable.

After selecting Black, Small and Medium remain active while Large becomes disabled.

If all options show out of stock even on this clean product, the problem is probably related to your swatches plugin, theme, JavaScript, or global configuration.

If the test works perfectly, focus on the original product’s variation data.

FAQs

Conclusion

When every swatch appears unavailable because one variation has no stock, do not start changing the swatch design first.

Check the actual variation combinations, parent inventory, defaults, plugin availability logic, cache, and JavaScript behavior. WooCommerce should disable only the combinations customers can purchase.

Once that relationship is working correctly, your swatches can show “out of stock” accurately without hiding perfectly valid product choices.