You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在WooCommerce中隐藏指定div类元素?

隐藏WooCommerce产品图片上的指定元素

要隐藏你提到的这两个元素,直接给对应的类添加display: none;的CSS规则即可,具体代码如下:

/* 隐藏图钉样式的Featured标签 */
.featured-tag {
    display: none !important;
}

/* 隐藏绿色圆点样式的Veg标签 */
.product-custom-type {
    display: none !important;
}

补充说明:

  • 加上!important是为了确保该样式优先级高于主题或插件自带的样式,避免被原有规则覆盖。
  • 你可以把这段代码添加到WordPress后台「外观」→「自定义」→「额外CSS」面板中,或者主题的style.css文件末尾。

内容的提问来源于stack exchange,提问作者marko988

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.16 13:50:55