WoodMart 主题：缺货产品 Swatch 样式不显示的解决方案

在使用 WoodMart 主题构建 WooCommerce 商店时，Swatch（属性按钮样式）可以提升商品展示效果，特别适用于颜色、尺码等变体。但很多人发现：当产品缺货时，Swatch 样式并不会正常显示，容易造成前台混乱。

这篇文章会一步步介绍怎么处理这个问题，让 Swatch 样式能在缺货状态下正常反映出来。

一、Swatch 样式设置在哪里？

首先进入后台：

产品 → 属性 → 编辑某个属性（例如颜色、尺寸）

在该属性页面底部，会看到 Swatch 设置区域，可以选择：

• Swatch样式
• 禁用Swatch样式（Disabled style）
• 样式形状（方形/圆形）

设置好后点击“更新”保存。

注意：即使在这里设置了样式，如果后续产品或变体设置不正确，Swatch 样式仍不会显示。

二、为什么设置后没效果？

如果刷新页面时发现 Swatch 样式没有任何变化，可能是因为：

• 产品仍被标记为“缺货”但保持“启用”状态
• WoodMart 主题对这种状态不应用禁用样式

三、解决方法一：修改单个产品变体

• 打开产品编辑页面
• 找到缺货的变体，点击展开

• 取消勾选“启用”（Enabled）
• 保存变体，更新产品
• 刷新页面，128GB选项消失

这种方式适合希望仍展示缺货选项的人，但想在视觉上有明显区分。

四、解决方法二：设置 WooCommerce 隐藏缺货商品

如果不希望缺货产品出现在前台，可以使用以下方法：

• 后台进入：WooCommerce → 设置 → 产品 → 库存

• 勾选“从目录中隐藏缺货产品”

• 保存设置

这样设置后：

• 缺货商品不会在前台显示
• Swatch 样式也能表现出缺货状态
• 不用对每个变体单独修改

五、总结建议

使用场景	推荐方式
前台展示缺货选项但样式需变化	取消“启用”勾选
不展示缺货商品	勾选“隐藏缺货商品”选项

Swatch 样式是否起作用，取决于产品当前的状态设置。理解这个机制之后，就能灵活调整显示效果，不再困扰于样式不生效的问题。

有其他设置问题也欢迎留言交流，或者访问光子波动网获取更多 WordPress 教程。

联系我们
教程看不懂？联系我们为您免费解答！免费助力个人，小企站点！	客服微信
① 电话：020-2206-9892
② QQ咨询：1025174874
③ 邮件：info@361sale.com
④ 工作时间：周一至周五，9:30-18:30，节假日休息