Hide cart icon unless logged in

[Solly]

I'm wondering what code is needed to hide cart icon before customer is logged in?

I'm using Trade theme.

It's a B2B site.

Thanks in advance!

[BSS-TekLabs]

- Here is the solution for you @Solly 
- Please follow these steps:

 

- Then find the theme.liquid file.
- Then add the following code at the end of the file and press 'Save' to save it.

-  Paste the below code before </body> on theme.liquid

{% unless customer %}
<style>
.product-form__buttons {
display: none !important;
}
</style>
{% endunless %}

- If it doesn't work, please share your store link for me to check

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[Dan-From-Ryviu]

Hi @Solly 

You can do that by following these steps

• Please log in to your Shopify store admin
• From Sale channels > Online Store
• In Themes > click "..." next to Trade theme > Edit code
• Open header.liquid file
• Replace code from lines 289 to 306 with this code below and save file

{% if customer %}      
    <a href="{{ routes.cart_url }}" class="header__icon header__icon--cart link focus-inset" id="cart-icon-bubble">
        {%- liquid
          if cart == empty
            render 'icon-cart-empty'
          else
            render 'icon-cart'
          endif
        -%}
        <span class="visually-hidden">{{ 'templates.cart.cart' | t }}</span>
        {%- if cart != empty -%}
          <div class="cart-count-bubble">
            {%- if cart.item_count < 100 -%}
              <span aria-hidden="true">{{ cart.item_count }}</span>
            {%- endif -%}
            <span class="visually-hidden">{{ 'sections.header.cart_count' | t: count: cart.item_count }}</span>
          </div>
        {%- endif -%}
  </a>
{% endif %}​