如何在WooCommerce的Betheme中移除产品图片的永久链接图标
解决方案:隐藏WooCommerce+Betheme产品图片上的永久链接图标
可以通过自定义CSS实现隐藏,具体操作如下:
- 使用以下CSS代码:
/* 隐藏产品列表中特色产品图片的永久链接图标 */ .woocommerce ul.products li.product .mask-icon { display: none !important; } /* 若单个产品页面也存在该图标,添加此代码 */ .woocommerce-product-gallery__image .mask-icon { display: none !important; }
- 添加代码的路径:
- 登录WordPress后台,进入「外观」→「自定义」→「额外CSS」
- 将上述代码粘贴至输入框,点击「发布」即可生效
如果上述代码未生效,可右键点击图标选择「检查」,查看该元素的具体CSS类名,替换代码中的选择器即可。
内容的提问来源于stack exchange,提问作者Abderrahmane Asry
相关产品推荐
相关产品推荐

