How to hide "continue shopping" button in cart

Store Design
, ,
1

Hello,

I’m trying to hide the “Continue Shopping” button when the cart is empty. Is there any way to do this using the Dawn theme?

Alternatively, I’d like to hide the cart icon when empty, is this possible?

Thanks.

2

Hello @thrette ,

To hide checkout button when cart is empty, add this css in base.css at bottom.

You can find this file under assets

.cart__warnings .button {
    display: none;
}

To hide cart icon you have to wrap existing code with if condition e.g.

{%- if cart.item_count > 0 -%} your existing code {% endif %}

Thanks

3

Thanks @Guleria , your code works to hide the “continue shopping” button when the cart is empty.

I tried adding the following code before the tag in the theme.liquid file to hide the cart when empty with no luck:

Show More

{%- if cart.item_count > 0 -%}

[details=Show More]

Show More

.header__icon, .header__icon–cart .icon {

Show More

display: none !important;

Show More

}

Show More
Show More

{% endif %}

Any suggestions?

4 
{%- if cart.item_count < 0 -%}

{% endif %}
5

@Guleria still no luck but thanks for your reply. I’m using the Dawn theme if that helps

6

First check what you get in this {{ cart.item_count }} variable and ten write the logic.

7

@Guleria I’m familar with HTML and CSS but new to Liquid. How do I get the logic?