Question

我正试图在我的购物车为空时隐藏它，并在header.liquid文件中找到我的购物车代码段

<a href="/cart" class="site-header__cart">
{% include 'icon-cart' %}
<span class="visually-hidden">{{ 'layout.cart.title' | t }}</span>
<span class="icon__fallback-text">{{ 'layout.cart.title' | t }}</span>
{% if cart.item_count > 0 %}
<div id="CartCount" class="site-header__cart-count">
<span>{{ cart.item_count }}</span>
<span class="icon__fallback-text medium-up--hide">{{ 'layout.cart.items_count' | t: count: cart.item_count }}</span>
</div>
{% endif %}
</a>

我也尝试过使用此处找到的代码（https://ecommerce.shopify.com/c/ecommerce-design/t/hide-cart-checkout-button-when-cart-is-empty-115075）

{% if cart.item_count != 0 %}

这些都不适合我，有什么建议吗？

Answer 1

您可以使用此代码，如果这有助于您解决查询，请告知我们：

{% if cart.item_count > 0 %} your html here {% endif %}

如果使用ajax的主题添加到购物车功能，如果您的页面在添加到购物车期间没有刷新，则需要对js进行一些更改。

由于

在Shopify中隐藏空车

1 个答案: