如何在WooCommerce产品页面隐藏指定标签
WooCommerce产品页面隐藏指定标签的解决方法
方案1:PHP过滤器实现(推荐,全局彻底生效)
该方案直接在后端过滤标签输出,不会在页面源码中留下隐藏标签的相关内容,同时适配所有默认调用WooCommerce标签的位置。
- 操作方法:将以下代码添加到当前主题的
functions.php文件末尾,或者使用代码片段类插件插入即可生效
add_filter( 'woocommerce_product_tag_terms', 'hide_specific_product_tags_frontend' ); function hide_specific_product_tags_frontend( $terms ) { // 在此处填写需要隐藏的标签名称,可添加多个值 $hidden_tag_list = array( '标签2' ); foreach ( $terms as $index => $tag ) { if ( in_array( $tag->name, $hidden_tag_list ) ) { unset( $terms[$index] ); } } return $terms; }
- 如果需要按标签别名(slug)匹配隐藏,将代码中的
$tag->name改为$tag->slug,$hidden_tag_list数组内对应填写标签的slug值即可。
方案2:CSS样式隐藏(快速上手,仅前端视觉隐藏)
如果不想修改PHP代码,可以使用CSS快速实现隐藏效果:
- 操作方法:将以下代码添加到WordPress后台「外观」→「自定义」→「额外CSS」输入框中,保存即可生效
/* 隐藏产品页指定标签 */ .product_meta .tagged_as a[href*="这里替换为要隐藏的标签slug"] { display: none !important; }
注意:该方案仅对普通访问者隐藏视觉效果,页面源码和爬虫仍然可以获取到该标签的相关内容,有SEO相关需求不建议使用该方案。
内容的提问来源于stack exchange,提问作者Riccardo
相关产品推荐
相关产品推荐

