Hiding leere Wagen in Shopify

Question

Ich versuche, meinen Wagen zu verstecken, wenn es leer ist und in der header.liquid Datei der Warenkorb Code-Schnipsel gefunden

<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> 

ich auch mit diesem Code versucht habe, die ich gefunden hier (https://ecommerce.shopify.com/c/ecommerce-design/t/hide-cart-checkout-button-when-cart-is-empty-115075)

{% if cart.item_count != 0 %} 

diese beiden sind nicht für mich arbeiten, irgendwelche Vorschläge?

Answer 1

Sie diesen Code verwenden können, lassen Sie uns wissen, wenn diese Ihnen helfen, Ihre Frage zu lösen:

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

Auch müssen Sie einige Änderungen vornehmen, um js wenn Ihre Seite in nicht während erfrischend in den Warenkorb legen, wenn Ihr Thema mit Ajax in den Warenkorb Funktionalität.

Dank