WoodMart Topic: Out of stock product Swatch style not displaying solution

in using WoodMart Theme construction WooCommerce Store whenSwatch(Attribute Button Style) can enhance the product display, especially for color, size and other variants. However, many people found that: when the product is out of stock, the Swatch style will not be displayed normally, which will easily cause confusion in the frontend.

This article will go step by step on how to deal with this issue so that Swatch styles can be reflected properly in out-of-stock states.

I. Where are the Swatch style settings?

First go into the background:

Products → Properties → Edit an attribute (e.g. color, size)

At the bottom of this property page, you will see the Swatch Settings area, which you can select:

• Swatch Style
• Disabled style
• Style shape (square/round)

Click "Update" to save the settings.

Note: Even if a style is set here, the Swatch style will not be displayed if subsequent products or variants are set incorrectly.

Second, why is there no effect after setting?

If you see no change in the Swatch style when you refresh the page, it's probably because:

• Products are still marked as "out of stock" but remain "active".
• WoodMart The theme does not apply disabled styles to this state

III. Solution 1: Modifying individual product variants

• Open the product edit page
• Find the out-of-stock variant and click to expand

• Uncheck "Enabled".
• Save variants, update products
• Refresh the page and the 128GB option disappears

This approach is for people who want to still display the out of stock option, but want to make a clear visual distinction.

Solution 2: Setting WooCommerce to hide out-of-stock items

If you do not want out-of-stock products to appear in the frontend, you can use the following method:

• Backstage Access:WooCommerce → Settings → Products → Inventory

• Check the box "Hide out-of-stock products from catalog".

• Save Settings

After setting it up like this:

• Out-of-stock items will not be displayed on the frontend
• Swatch styles can also show out-of-stock status
• No need to modify each variant individually

V. Summary recommendations

Usage Scenarios	Recommendation
Frontend displays out-of-stock options but styles need to be changed	Uncheck "Enable".
Do not display out-of-stock items	Check the "Hide out-of-stock items" box.

Whether or not the Swatch style works depends on theofferingsThe current state setting. After understanding this mechanism, you can flexibly adjust the display effect, no longer troubled by the style does not take effect.

Feel free to leave a comment with any other setup questions, or visit photonwave.com for more! WordPress Tutorial.

Contact Us
Can't read the tutorial? Contact us for a free answer! Free help for personal, small business sites!	Customer Service
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) E-mail: info@361sale.com
④ Working hours: Monday to Friday, 9:30-18:30, holidays off