迷你购物车在添加和删除项目之前不起作用

问题描述

我对 mini-cart.PHP 文件中的“空购物车”消息进行了一些更改，将其复制到我的子主题（woocommerce > 购物车 > mini-cart.PHP）后，我所做的更改工作正常，除了，直到我将商品添加到购物车并移除商品后，它才会显示。

我认为这只会发生在我使用的浏览器或我用来访问网站的计算机上，但我使用了不同的浏览器和完全不同的计算机，而我以前从未访问过该网站，情况仍然如此。所以这意味着任何访问我网站的人都会遇到同样的问题。

正如您在下面的屏幕截图中看到的，当您将鼠标悬停在购物车图标上时，这就是迷你购物车的样子：

https://pasteboard.co/JGudt1x.png

空购物车消息不显示，看起来全坏了。但是，在添加商品然后将其删除后，空购物车消息显示如下：

https://pasteboard.co/JGue35F.png

我需要做什么才能使商品不必添加然后从购物车中删除才能正确显示空购物车消息？

我有最新版本的主题和 WooCommerce。

这是原始 mini-cart.PHP 文件中的代码（最后几行）

<?PHP else : ?>

    <p class="woocommerce-mini-cart__empty-message"><?PHP esc_html_e( 'No products in the cart.','woocommerce' ); ?></p>

<?PHP endif; ?>

<?PHP do_action( 'woocommerce_after_mini_cart' ); ?>

这就是我在我的子主题中更新的内容

<?PHP else : ?>

    <p class="woocommerce-mini-cart__empty-message"><?PHP esc_html_e( 'Your bag is empty!','woocommerce' ); ?><i class="opal-icon-shopping-bag mini-cart-icon"><?PHP esc_html_e( '','woocommerce' ); ?></i>
    
<?PHP endif; ?>

如您所见，我将文本从“购物车中没有产品”更改为“您的包是空的！”我还添加了一个带有“X”的自定义购物袋图标，以便在购物车为空时显示在迷你购物车区域。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

minicart wordpress wordpress