WooCommerce购物车页通知6秒消失仅生效1次如何修复或禁用对应脚本

两种解决方案二选一即可 #

方案1：仅在购物车页面禁用该脚本（操作最简单） #

将Code Snippets中原有代码直接替换为以下内容，代码内置购物车页面判断，购物车页不会加载自动隐藏逻辑：

add_action( 'wp_head', function () { 
    // 仅非购物车页面加载自动隐藏脚本
    if ( ! is_cart() ) :
?>
<script>
setTimeout(function() {
    jQuery('.woocommerce-message, .woocommerce-error').fadeOut('slow') 
}, 6000);
</script>
<?php 
    endif;
} );

方案2：修复功能，适配购物车页面更新场景 #

原代码仅在页面首次加载时执行一次，购物车点击更新是无刷新AJAX请求，新通知加载后不会再次触发隐藏逻辑，替换为以下代码即可全页面生效：

add_action( 'wp_head', function () { ?>
<script>
// 封装通知自动隐藏逻辑
function autoHideWcNotice() {
    setTimeout(function() {
        jQuery('.woocommerce-message, .woocommerce-error').fadeOut('slow') 
    }, 6000);
}

// 页面首次加载触发
jQuery(document).ready(function(){
    autoHideWcNotice();
});

// 监听购物车AJAX更新事件，更新后重新触发隐藏
jQuery(document).on('updated_wc_div', function() {
    autoHideWcNotice();
});
</script>
<?php } );

操作步骤 #

• 打开WordPress后台的Code Snippets插件管理页
• 找到你之前添加的通知自动隐藏代码片段
• 替换为所选方案的代码后保存即可生效

内容的提问来源于stack exchange，提问作者Kris