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

如何在WooCommerce的Betheme中移除产品图片的永久链接图标

解决方案:隐藏WooCommerce+Betheme产品图片上的永久链接图标

可以通过自定义CSS实现隐藏,具体操作如下:

  1. 使用以下CSS代码:
/* 隐藏产品列表中特色产品图片的永久链接图标 */
.woocommerce ul.products li.product .mask-icon {
    display: none !important;
}

/* 若单个产品页面也存在该图标,添加此代码 */
.woocommerce-product-gallery__image .mask-icon {
    display: none !important;
}
  1. 添加代码的路径:
  • 登录WordPress后台,进入「外观」→「自定义」→「额外CSS」
  • 将上述代码粘贴至输入框,点击「发布」即可生效

如果上述代码未生效,可右键点击图标选择「检查」,查看该元素的具体CSS类名,替换代码中的选择器即可。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.07.11 13:15:59