How to remove the shopping cart icon?

Highlighted
New Member
1 0 1

I've read many different threads telling me to add different code to the bottom of theme.scss.liquid but none of them have worked, I just want the cart icon gone until I'm ready to release the store itself, in the meantime I want to launch with a couple of landing pages.

I believe I'm using the Debut theme? It's whatever theme was automatically given at the start anyway, 

Need help asap - thanks in advance!

1 Like
Highlighted
Shopify Partner
1840 177 707

Hi Bex Cox

Go to Online Store > Themes and from the Actions dropdown, choose Edit Code. In the files tree, open Sections / header.liquid and look around line 150.

There should be an anchor element with href="/cart" and class="site-header__icon site-header__cart".

Now you can either comment out that anchor or delete it until you're ready to go.

That said, this won't stop visitors from adding items to the cart and with a bit of poking around they would find the cart URI and proceed as is. So hiding it isn't really fool proof.

Hope that helps!

Liked this post? You might also like our fantastic upsell apps Candy Rack and Candy Cart or offer free gifts with Gift Box. All made with ❤️  and care by Digismoothie
5 Likes
Highlighted
Shopify Partner
2 0 0

I am having difficulty trying to remove the shopping cart icon can some please guide in the right direction I am using the debut theme and would like to remove this icon all together

0 Likes
Highlighted
Shopify Partner
2 0 0

I actually found it and removed the entire shopping icon 

 

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

0 Likes
Highlighted
New Member
1 0 0

What was the code you used? Or did you just delete it? Thanks in advance!

0 Likes
Highlighted
Excursionist
20 1 4

Hi,

 

I've had the same issue.

I just want a landing page to begin with and below was my solution to remove the shopping cart option.

NOTE: I don't know if this is the CORRECT solution since I'm not an expert here, but it made the trick for me.

 

My Solution (I use the narrative theme)

Themes

Edit Code

Look after "icon-header-cart.liquid"

Backup this file!!!

Then delete all info in there

Hit Save button

Done

 

If you want the cart back in the menu again, just add the text again or replace it with the original backup file you did.

 

My Before

Skärmavbild 2019-10-25 kl. 09.10.33.png

My After

Skärmavbild 2019-10-25 kl. 09.10.39.png

0 Likes
Highlighted
New Member
1 0 0

Youre my hero! Thanks for help!

0 Likes
Highlighted

When I removed this code which was line 138 in the Header.liquid Section of my Debut Theme it deleted the cart icon niicely. I saved the code to replace when my shop is done.


@Jeremy_Richards wrote:

I actually found it and removed the entire shopping icon 

 

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


 

mobile Barber and Massage Therapist serving between Hazelbrook and Lithgow NSW Australia.
Trying my best to create a cost effective and workable website on Shopify!
0 Likes
Highlighted
New Member
2 0 0

Hey, can you help me also to remove the cart icon in Atlantic Theme? TIA.

0 Likes
Highlighted
New Member
2 0 1

Thanks, That worked perfectly!!!

0 Likes