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

如何在WooCommerce产品页面移除发布日期与评论链接?

WooCommerce产品页面移除发布日期和评论链接的方法

方法一:CSS隐藏(简单易上手)

  1. 定位目标元素类名
    打开产品页面,按下F12调出浏览器开发者工具,右键点击要移除的发布日期/评论链接,选择「检查」,在代码面板里找到对应元素的class属性(比如日期类可能是.posted-on,评论链接类可能是.comments-link,不同主题类名会有差异)。

  2. 添加自定义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;
}

保存后刷新页面,记得清缓存确保生效。

方法二:代码根源移除(更彻底)

如果不想让这些元素出现在页面源码里,可通过修改主题函数实现,操作前建议备份主题文件或使用子主题,避免更新丢失代码:

  1. 进入WordPress后台,点击「外观」→「主题文件编辑器」,选择当前主题,打开functions.php文件。
  2. 粘贴以下代码:
// 彻底移除产品页面的元信息模块(包含日期、分类等)
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 );
        // 若评论链接在其他位置,可通过开发者工具找到对应钩子替换
    }
}
  1. 保存文件,刷新产品页面即可生效。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.08.08 14:40:36