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

如何移除或隐藏WordPress侧边迷你购物车中的'items'字符串?

移除WordPress侧边迷你购物车中的'item/items'字符串方法

这里提供几种可行的解决思路,按操作复杂度排序:

1. CSS快速隐藏(零代码基础也能操作)

通过浏览器开发者工具(按F12)定位到包含item/items文本的元素,获取它的CSS类名(比如.mini-cart-item-label),然后在WordPress后台「外观 → 自定义 → 额外CSS」中添加以下代码:

/* 隐藏购物车中的item/items文本 */
.mini-cart-item-label {
    display: none !important;
}

替换代码中的类名为你实际找到的即可,这种方法适合只需要隐藏文本的场景。

2. PHP钩子过滤(推荐,无核心文件修改风险)

如果你的网站用的是WooCommerce插件,可通过过滤钩子直接修改输出内容。在主题的functions.php文件(建议用子主题的functions.php,避免主题更新丢失修改)中添加以下代码:

// 移除购物车数量后的item/items文本
add_filter( 'woocommerce_cart_item_count', 'strip_cart_item_text' );
add_filter( 'woocommerce_cart_contents_count', 'strip_cart_item_text' );

function strip_cart_item_text( $output ) {
    // 正则匹配并移除末尾的item/items
    return preg_replace( '/\s+(item|items)$/i', '', $output );
}

如果是主题自定义的迷你购物车,可查找主题文档或代码中对应的过滤钩子,替换上述钩子名称即可。

3. 修改模板文件(适合有代码基础的用户)

找到主题中负责渲染迷你购物车的模板文件,常见路径比如woocommerce/cart/mini-cart.php(WooCommerce默认)或主题自定义的template-parts/cart/mini-cart.php。找到输出X item/items的代码行,删除其中的item/items相关字符串,只保留数量数字。

注意:修改模板前一定要创建并使用子主题,否则主题更新后所有修改会被覆盖。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.06.15 15:12:14