WooCommerce侧边空购物车内容/消息修改失败求助

你的代码问题在于woocommerce_mini_cart_empty_message是WooCommerce用来触发输出默认空购物车消息的动作钩子，直接挂载自定义函数只会在默认内容旁追加你的内容，而非替换。要实现完全替换，需先移除默认回调，再添加自定义逻辑。

修正后的代码 #

// 移除WooCommerce默认的空购物车消息输出
remove_action( 'woocommerce_mini_cart_empty_message', 'wc_empty_mini_cart', 10 );

// 添加自定义空购物车内容
add_action( 'woocommerce_mini_cart_empty_message', 'custom_empty_cart_message', 10 );
function custom_empty_cart_message() {
    ?>
    <div class="woocommerce-mini-cart__empty-message">
        <img src="<?php echo get_stylesheet_directory_uri(); ?>/images/SD-logo.png" alt="购物车为空">
        <p>你的购物车目前是空的哦～</p>
        <a href="<?php echo home_url(); ?>" class="button wc-forward">去逛逛</a>
    </div>
    <?php
}

额外检查项 #

• 图片路径验证：get_stylesheet_directory_uri()指向当前激活主题根目录，需确保images/SD-logo.png确实存在于该路径下
• 代码添加位置：建议放在当前主题的functions.php文件末尾，或使用自定义代码插件（如Code Snippets）添加，避免主题更新丢失代码
• 缓存清理：修改后清空网站缓存与浏览器缓存，确保新内容生效

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