How to remove quantity count from cart icon

[Stephen34]

I want to remove the count from the cart icon. Also, my cart icon has the picture of the cart and says "Cart" next to the image....I dont know if the word cart is actually part of the image or text thats next to the image.....but I'd like to remove the word cart as the icon is self explanatory. 

Actually I don't really want to remove the count but it confuses too many people because they add a item to cart and then page back to go back to the collection and when they do the cart quantity goes back to zero and people think the items keep coming out of the cart. This is certainly a big confusion for many customers, especially since there are now many modern retail websites where the cart does not function that way so people are getting confused. What I would ultimately prefer is that as a shopper pages backwards the cart always shows the correct items and quantity. But I THINK this would require expensive customization that I just cant afford so for now I just want to remove the count.

Oh if it makes a difference my theme is the Retina theme from Out of the Sandbox....but of course if its not broken they just refer you to a developer....but with covid we have nearly lost the store so I need to do this stuff myself and not spend any money.

Any suggestion in how to do this?

[KetanKumar]

Hello, @Stephen34 

Thanks for post.

Please share your site URL,
So I will check and provide a solution here.

[Stephen34]

Hello @KetanKumar  that would be a huge help....its www.whoopsiedaisyclothing.com

[KetanKumar · Accepted solution]

@Stephen34 

Thanks for post.

1. Go to Online Store->Theme->Edit code
2. Asset->/styles.scss.liquid->paste below code at the bottom of the file.

.icon-cart .cart_count {
    display: none;
}
.nav a.icon-cart span {
    display: none;
}

[Stephen34]

WOW, I really didnt think it would be so easy!  I really need to learn how to do that stuff and know what to type. Thats pretty awesome!

THANK YOU!!! I'm trying to get my website cleaned up some and that was a huge help....GREATLY APPRECIATED!

Stephen

[Effyl01]

Hi @Stephen34 

I am using the debut theme and i don't have the file Asset->/styles.scss.liquid

I tried adding your code to the theme.css but it didn't help.

Any advice?

Thanks!

[KetanKumar]

@Effyl01 

Please share your site URL,
So I will check and provide a solution here.

[Pankaj25]

Hey @KetanKumar 

I also want to remove the count from my cart icon. 

Using Shopify Debut Theme

Website url : tanabanafab.com

Regards

[KetanKumar]

@Pankaj25 

thanks for post

yes please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.site-header__cart-count {
    display: none;
}

[Pankaj25]

Hello @KetanKumar ,

it works.

But I want to add a black dot on cart icon with no numbers on it. Like a bullet point (But with no count). Everything remains same.

PFA screenshot (Similar to this).

[KetanKumar]

@Pankaj25 

oh sorry for this please add this code also

.site-header__cart-count {
right: 0.6rem;
    top: 1.6rem;
min-width: 0.6em;
    height: 0.6em;
}

[YVRCookie]

Hi @KetanKumar !

Hoping you can help me out as well, looking to remove the count but keep the white dot. I tried the first set of code and it removed the dot and the count. when i added the secondary code that you linked but it did not work.

Website: yvrcookie.com

Thanks 🙂 

[PaulNewton]

@YVRCookie For debut theme to hide the cart count text while leaving the colored background:

[data-cart-count] {
    display: none;
}

[YVRCookie]

Amazing it worked great, thank you!

[esraizgi]

Hi, I do not have in styles.scss.liquid my assets. My problem is not to count my cart icon in the header neither in web nor in mobile. How can I fix this? My url is www.ateliereso.com Thanks in advance

@KetanKumar 

[KetanKumar]

@esraizgi 

SORRY for that 

i have check its work if any issue let me know screenshot

[socialexpmnt]

What's the solution for Debut theme which has no styles.scss.liquid? Thank you in advance.

[KetanKumar]

@socialexpmnt 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

[socialexpmnt]

Bikinginparadise.com Thank you again!

[socialexpmnt]

Is it possible to do?

[mockupmiracle]

Hi Ketan,

I would also like to remove the numbers from my cart icon - my theme is Taste.

URL is https://www.mockupmiracle.com

Can you help me?

Thanks and warm regards,

Nick

[Bennettn5]

using refresh theme don’t have style.css or anything similar to that. I want to get ride of the cart-icon-bubble from appearing when adding to cart on both mobile and desktop. Thanks

[PaulNewton]

Instead of editing CSS files , merchants with OS2.0 compatible themes should instead use a custom-css theme setting instead for the relevant page type in the visual theme editor

https://help.shopify.com/en/manual/online-store/themes/theme-structure/extend/add-css 

[Ilboom]

Hello @KetanKumar,

I would like to be able to remove the count from the shopping cart icon.

I am using Shopify's Ride theme.

URL of my ecommerce: ilboomdelpanino.myshopify.com

[dannyfindable]

Will something like this work with the quantity bubble on the checkout page? 

[AbbevilleArt]

Hi

Am brand new to Shopify, so am using Dawn while I find my feet

I would like to remove the item Quantity + / - box from my cart.

Can you advise? - Thanks

[KetanKumar]

@AbbevilleArt 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

[AbbevilleArt]

https://www.abbevilleart.com

Thanks

[KetanKumar]

@AbbevilleArt 

yes, please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/base.css.liquid->paste below code at the bottom of the file.

th.cart-items__heading--wide.small-hide.caption-with-letter-spacing, td.cart-item__quantity {display: none;}

[AbbevilleArt]

That's perfect - Thank you

Will email you regarding further customisation and modifications

[KetanKumar]

@AbbevilleArt 

yes, its my pleasure to help us 

[Peacocoki]

Hi @KetanKumar 

I would like to remove the count from my cart icon, and also add a red dot on cart icon with no numbers on it please. Thank you!

Website url: https://bronxhomewares.com.au/

[POTLA]

Hello

I am also using Dawn and would like to remove the item Quantity + / - box from my cart.

Can you advise me on how to make the change? I followed the steps above but it didn't seem to work. The shop url is potstudiola.com

Thank you!

[KetanKumar]

@POTLA 

oh sorry for that issue can you please try this code 
1. Go to Online Store->Theme->Edit code
2. Asset->/base.css ->paste below code at the bottom of the file.

th.cart-items__heading--wide.small-hide.caption-with-letter-spacing, td.cart-item__quantity {display: none;}

[rtmvp]

Hi,

Is it possible to have this +/- symbols removed but the quantity number could be displayed (as a non-editable) element, together with the trash can if a customer decides to remove the product from the cart? Thank you lots in advance.