如何更改特定 WooCommerce 类别的背景颜色？

Posted 2023-03-06

【中文标题】如何更改特定 WooCommerce 类别的背景颜色？

【英文标题】：How to change the background color of a specific WooCommerce category?

【发布时间】：2021-06-16 19:16:10

【问题描述】：

我有 Elementor + WooCommerce。 我的存档产品页面中有以下内容 ->

所有产品； Category1 及其产品； Category2 及其产品。

现在，我希望在我的存档产品页面中，与 Category2 相关的所有产品都必须具有蓝色背景。仅与 Category2 相关的产品。

我找不到办法，你能给我一些帮助吗？

【问题讨论】：

您必须先分享产品的循环代码。

【参考方案1】：

在 WooCommerce 类别存档页面中，为它设置了一个正文类，您可以使用它来定位特定的产品类别。有两种可能的使用方式：

• 产品类别术语 ID，（假设术语 ID 是 53）：

.tax-product_cat.term-53 .elementor-my-element background-color: #0080FF; 

• 产品类别术语 slug，（假设术语 slug 是 category2 ）：

.tax-product_cat.term-category2 .elementor-my-element background-color: #0080FF; 

其中.elementor-my-element 是您想要蓝色背景的元素的选择器类（由html 元素的正确真实选择器类替换）。

【讨论】：

完美，而且这个代码还要加到theme.css文件里？谢谢

@mattiazm 如果这个答案回答了你的问题，你可以请accept 回答，如果你喜欢/想要你也可以请upvote 回答，谢谢。