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

如何添加代码片段隐藏加购时弹出的woocommerce-notices-wrapper通知

通知截图

可选实现方案

你可以根据需求选择以下任意一种方案添加到代码片段插件中:

方案1:PHP后端禁用加购物车通知(推荐)

从生成根源屏蔽通知,不会出现前端闪显问题,性能最优。
仅屏蔽加购物车成功通知,保留其他类型通知(如库存不足、操作错误提示):

add_filter( 'wc_add_to_cart_message_html', '__return_empty_string' );

如果需要屏蔽所有WooCommerce通知(包括商品移除、购物车数量更新、错误提示等所有在woocommerce-notices-wrapper容器内输出的内容),使用以下代码:

add_action( 'template_redirect', 'disable_all_woocommerce_notices' );
function disable_all_woocommerce_notices() {
    if ( function_exists( 'wc_clear_notices' ) ) {
        wc_clear_notices();
    }
}

方案2:CSS前端隐藏通知容器

如果不需要修改后端逻辑,仅从视觉上隐藏通知,可使用CSS代码:
仅隐藏加购物车成功通知,保留其他类型通知:

.woocommerce-message.wc-add-to-cart-message {
    display: none !important;
}

隐藏所有在woocommerce-notices-wrapper容器内输出的通知:

.woocommerce-notices-wrapper {
    display: none !important;
}

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.10.05 22:39:00