Solved

How to remove quantity count from cart icon

Stephen34
Shopify Partner
68 1 85

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?

screenshot.jpg

Accepted Solution (1)
KetanKumar
Shopify Partner
36839 3635 11972

This is an 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;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 33 (33)

KetanKumar
Shopify Partner
36839 3635 11972

Hello, @Stephen34 

Thanks for post.

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Stephen34
Shopify Partner
68 1 85

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

KetanKumar
Shopify Partner
36839 3635 11972

This is an 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;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Stephen34
Shopify Partner
68 1 85

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
Excursionist
18 0 7

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
Shopify Partner
36839 3635 11972

@Effyl01 

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Pankaj25
Tourist
4 0 2

Hey @KetanKumar 

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

Using Shopify Debut Theme

 

Website url : tanabanafab.com

 

Regards

 

 

KetanKumar
Shopify Partner
36839 3635 11972

@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;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Pankaj25
Tourist
4 0 2

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
Shopify Partner
36839 3635 11972

@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;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
YVRCookie
Excursionist
24 1 6

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
Shopify Partner
6274 573 1318

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

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

 

Save time & money ,Ask Questions The Smart Way


Confused? Busy? Get the solution you need paull.newton+shopifyforum@gmail.com


Problem Solved? ✔Accept and Like solutions to help future merchants

Answers powered by coffee Buy Paul a Coffee for more answers or donate to eff.org


YVRCookie
Excursionist
24 1 6

Amazing it worked great, thank you!

esraizgi
Tourist
4 0 1

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
Shopify Partner
36839 3635 11972

@esraizgi 

SORRY for that 

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
socialexpmnt
Excursionist
24 0 3

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

KetanKumar
Shopify Partner
36839 3635 11972

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
socialexpmnt
Excursionist
24 0 3

Bikinginparadise.com Thank you again!

socialexpmnt
Excursionist
24 0 3

Is it possible to do?

mockupmiracle
Visitor
1 0 0

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
Visitor
1 0 0

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
Shopify Partner
6274 573 1318

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 

Save time & money ,Ask Questions The Smart Way


Confused? Busy? Get the solution you need paull.newton+shopifyforum@gmail.com


Problem Solved? ✔Accept and Like solutions to help future merchants

Answers powered by coffee Buy Paul a Coffee for more answers or donate to eff.org


Ilboom
New Member
7 0 0

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

AbbevilleArt
Tourist
3 0 2

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
Shopify Partner
36839 3635 11972

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
AbbevilleArt
Tourist
3 0 2
KetanKumar
Shopify Partner
36839 3635 11972

@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;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
AbbevilleArt
Tourist
3 0 2

That's perfect - Thank you

 

Will email you regarding further customisation and modifications

KetanKumar
Shopify Partner
36839 3635 11972

@AbbevilleArt 

yes, its my pleasure to help us 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Peacocoki
Tourist
6 0 1

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
Visitor
2 0 1

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
Shopify Partner
36839 3635 11972

@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;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
rtmvp
New Member
4 0 0

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.