如何在WooCommerce产品页面移除发布日期与评论链接?
WooCommerce产品页面移除发布日期和评论链接的方法
方法一:CSS隐藏(简单易上手)
定位目标元素类名
打开产品页面,按下F12调出浏览器开发者工具,右键点击要移除的发布日期/评论链接,选择「检查」,在代码面板里找到对应元素的class属性(比如日期类可能是.posted-on,评论链接类可能是.comments-link,不同主题类名会有差异)。添加自定义CSS
进入WordPress后台,依次点击「外观」→「自定义」→「额外CSS」,粘贴以下代码(把类名替换成你找到的实际值):
/* 隐藏产品发布日期 */ .your-date-class { display: none; } /* 隐藏评论链接 */ .your-comment-class { display: none; }
举个Storefront主题的例子,日期类是.woocommerce-product-details__short-date,评论链接类是.comments-link,代码可直接写成:
.woocommerce-product-details__short-date { display: none; } .comments-link { display: none; }
保存后刷新页面,记得清缓存确保生效。
方法二:代码根源移除(更彻底)
如果不想让这些元素出现在页面源码里,可通过修改主题函数实现,操作前建议备份主题文件或使用子主题,避免更新丢失代码:
- 进入WordPress后台,点击「外观」→「主题文件编辑器」,选择当前主题,打开
functions.php文件。 - 粘贴以下代码:
// 彻底移除产品页面的元信息模块(包含日期、分类等) remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_meta', 40 ); // 仅移除日期,保留其他元信息(如SKU、分类),替换上面的代码即可 add_filter( 'woocommerce_product_meta_end', 'remove_product_date_only' ); function remove_product_date_only() { remove_action( 'woocommerce_product_meta_start', 'woocommerce_template_single_date', 10 ); } // 移除产品页面的评论链接 add_action( 'wp', 'remove_product_comments_section' ); function remove_product_comments_section() { if ( is_product() ) { // 移除评论相关元素,根据主题钩子调整,以下为通用示例 remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_rating', 10 ); // 若评论链接在其他位置,可通过开发者工具找到对应钩子替换 } }
- 保存文件,刷新产品页面即可生效。
内容的提问来源于stack exchange,提问作者Monique
相关产品推荐
相关产品推荐

