在使用 WoodMart 主題構建 WooCommerce 商店時，Swatch（屬性按鈕樣式）可以提升商品展示效果，特別適用于顏色、尺碼等變體。但很多人發(fā)現(xiàn)：當產品缺貨時，Swatch 樣式并不會正常顯示，容易造成前臺混亂。

這篇文章會一步步介紹怎么處理這個問題，讓 Swatch 樣式能在缺貨狀態(tài)下正常反映出來。

一、Swatch 樣式設置在哪里？

首先進入后臺：

產品 → 屬性 → 編輯某個屬性（例如顏色、尺寸）

在該屬性頁面底部，會看到 Swatch 設置區(qū)域，可以選擇：

• Swatch樣式
• 禁用Swatch樣式（Disabled style）
• 樣式形狀（方形/圓形）

設置好后點擊“更新”保存。

注意：即使在這里設置了樣式，如果后續(xù)產品或變體設置不正確，Swatch 樣式仍不會顯示。

二、為什么設置后沒效果？

如果刷新頁面時發(fā)現(xiàn) Swatch 樣式沒有任何變化，可能是因為：

• 產品仍被標記為“缺貨”但保持“啟用”狀態(tài)
• WoodMart 主題對這種狀態(tài)不應用禁用樣式

三、解決方法一：修改單個產品變體

• 打開產品編輯頁面
• 找到缺貨的變體，點擊展開

• 取消勾選“啟用”（Enabled）
• 保存變體，更新產品
• 刷新頁面，128GB選項消失

這種方式適合希望仍展示缺貨選項的人，但想在視覺上有明顯區(qū)分。

四、解決方法二：設置 WooCommerce 隱藏缺貨商品

如果不希望缺貨產品出現(xiàn)在前臺，可以使用以下方法：

• 后臺進入：WooCommerce → 設置 → 產品 → 庫存

• 勾選“從目錄中隱藏缺貨產品”

• 保存設置

這樣設置后：

• 缺貨商品不會在前臺顯示
• Swatch 樣式也能表現(xiàn)出缺貨狀態(tài)
• 不用對每個變體單獨修改

五、總結建議

使用場景	推薦方式
前臺展示缺貨選項但樣式需變化	取消“啟用”勾選
不展示缺貨商品	勾選“隱藏缺貨商品”選項

Swatch 樣式是否起作用，取決于產品當前的狀態(tài)設置。理解這個機制之后，就能靈活調整顯示效果，不再困擾于樣式不生效的問題。

有其他設置問題也歡迎留言交流，或者訪問光子波動網獲取更多 WordPress 教程。

聯(lián)系我們
教程看不懂？聯(lián)系我們?yōu)槟赓M解答！免費助力個人，小企站點！	客服微信
① 電話：020-2206-9892
② QQ咨詢：1025174874
③ 郵件：info@361sale.com
④ 工作時間：周一至周五，9:30-18:30，節(jié)假日休息