How To Change Cart Icon On Shopify

[@CASTANDCOOKING]

Love your way of explaining! I am building a webshop right now, and quick work arounds like these help elevate the store a lot!

[@tashtastictash]

You are my favorite- everything you teach about Shopify is easy and works

[@WolfProdz]

Tried a few svg's but my cart icon just disappears altogether when I try to replace it :(

[@kenleal6293]

probably the background and the lines are the same color

[@marcopicchi5679]

Hi mate, do you have a tutorial that shows how to move the 3 icons on the header? i would like to put them next to each other. thanks

[@ThomLangenberg]

Hi, this doesn't work on the 'Flow' theme. Can you help me?

[@lonleyfeelings3346]

I cant see the new icon on mobile?

[@investintoyourself]

I'm back again 😅 Thanks for finally helping me out here! Only now im experiencing a cart that is too big compared to the the logo, I maned to change the size but it's not correctly centered and way to big, what would you recommend? Edit: Tried to remove the cart, but it won't remove anything even do I copied the default code into the two files. I'ts just there stuck wihtout any actual code for it... 😫 Fixed it 👍

[@FREDPERRY1]

How did you fix the size problem?

[@gohanjesse3863]

Sorry for my english, I'm french. Very good job, i've got à job l' shopify and I must change the menu. Thanks for this, I can work on it now. 🙏🙏

[@K0v0124]

Salut mec t’as réussi ? Perso je galère un peu l’icône il s’affiche 2 secondes et après y’a « cart » t’as une solution ?

[@gohanjesse3863]

@@K0v0124 salut, j'ai pas eu ça totalement à faire, mais c'était pour savoir où toucher le code. Il y a des petits bug des fois effectivement. Je ne sais pas trop pourquoi. As tu essayer de voir avec chatgpt ? J'ai fais le taff en l'ayant en assistant. Ça m'a permis de régler certain problème en lui posant des questions sur Liquid.

[@gohanjesse3863]

@@K0v0124 c'est peut être du au format de ton image ?! 🤔

[@K0v0124]

@@gohanjesse3863 du coup c’est bon j’ai regardé un autre tuto et non pourtant c’était bien en svg

[@LisaHendricks-c9l]

Can you show us how to update the cart on the last page - Shopify checkout?

[@EliškaČechová-d6q]

Hi! I have a quick question as a beginner. How to change the size of a downloaded cart icon in shopify? Thank you in advance for your help! Also a huge thanks for your videos, they are real life saver for me.

[@wowstoretech]

Thank you so much!! I used and it worked

[@adamkeith8852]

That worked Great but how do i change the icon, on the checkout page its still the purse?

[@TellATale254]

Did you get to solve this? Am also with the same dilemma?

[@Leoniebe]

Hi there, This video was really helpful. Thank you. However, my icon is bigger than the other icons on the page. How do I resize it to get it to the same size, as for example, the search icon? Thank you kindly for you help. 😊

[@EliškaČechová-d6q]

Same problem, do you have a solution yet?

[@candace58]

HOW DO YOU MAKE THE FONT SIZE BIGGER? THANKS!

[@skylineg6618]

"Let's just get to it." Around the 3rd or 4th time, I was like..."You keep using that phrase. I do not think it means what you think it means."

[@miku2128]

lol

[@coolmitt]

Cool video. Exceptionally helpful. One view and i successfully changed our cart. Thanks a million.

[@3vgn]

when i change it how do i remove the underline from the cart

[@OnHOWGuy]

Sorry i was going to add a code to remove the underline afterwards and i forgot to do so. Check the code in the description i just updated it with new one that doesn't have the underline. Cheers

[@GemStar-k1u]

Perfect explained.... Thanks

[@BACKTOREALITYCO]

love the videos brother

[@santiagogaloaguirre2223]

You're a beast mate!

[@MM-qo2fm]

you are teh best ty sooo much

[@BryanB1138]

This was very helpful. Thank you. I noticed that it doesn't change the icon in the checkout. Do you know how to change that to be the same icon?

[@bombbenefit7059]

Thank you for helping with this topic

[@OnHOWGuy]

You're very welcome

[@JuanLopez-dw6hy]

Ey muchas gracias Bro, Me sirvió bastante. Desde Colombia.

[@PersonalCareAndHealthy]

in this code can be resize the cart icon as well? Thanks

[@UncleGymSocial]

Hey man, great video as always. How would do this on the checkout page? It seems to stay as the default button. Thanks!

[@BlackSkin_Care]

Thank you u are the best. I like your channel

[@ZsokaMarko]

Hi, thank you so much for your easy to follow tutorial! I've managed to change the two cart icons, however I have a third one on the checkout page :( I've been trying to find a way to change that one too for days, no luck. Do you have any suggestions where to paste the same code? I don't find anything obvious in the theme, like there's no checkout liquid...Thank you so much in advance!

[@tanneragpoon]

Your tutorials are the best. Thank you so much dude

[@HizZonor]

Great video as usual! I have become a big fan of yours. I have successfully changed the cart icon, but I also want to add the word "Cart" to the right of the icon. Would you please provide the code to accomplish this? Thanks much.

[@OnHOWGuy]

Thank you and really glad to hear that. That would require a code to adjust the other icons as well on the header because of the space will not fit, currently i dont have the code in hand but i noted your request and i will work on it. Cheers

[@HizZonor]

@@OnHOWGuy Much appreciated.

[@HizZonor]

@@OnHOWGuy Are you still planning to work on this? I'm waiting. Thanks much.

[@Ghost31393]

Thansk for this the video is really helpful

[@OnHOWGuy]

You're very welcome, Glad it was helpful. Cheers

[@SPEAKERMOB]

thanls for the great video bro

[@KYLE20003]

How can we get the new cart icon to show on the mobile version of our website? i'm currently using Dawn version 14.0.0

[@OnHOWGuy]

Did you check from other devices because it might have already changed but its cached version on the browser thats showing. Please let me know in new comment as its difficult or me to see replies now. Cheers

[@quasar4135]

So useful !!

[@OnHOWGuy]

Glad to hear that

[@kamarouf3212]

Thank you, How to change the size of a downloaded cart icon in shopify?

[@Si.top2020]

Can you show us how to align the cart icon to the search icon? I have the two icons not aligned next to each other. Thank you mate!

[@MaiseNielsen-wm7qq]

Please make one on how to change search icon!

[@reallilacpetal]

thank you so much!!!!

[@bewimotos]

Thanks, this helped me on my issue.

[@MarcelIgwe]

Cool stuff... Nice one bro

[@OnHOWGuy]

Thanks brother

[@mindfullmavericks]

this is really useful, i used it and it work perfectly, thank you brother

[@OnHOWGuy]

You're very welcome, glad i could help. Cheers

[@Vxiey]

@@OnHOWGuy updated version?

[@KristiLyn-z7w]

How do I just make the current icon more bold?

[@OnHOWGuy]

Add this code at the bottom of base.css or theme.css : .header__icon--cart { stroke: black; stroke-width: 0.5; } Adjust the stroke width to make bolder or less. Cheers

[@gaskia5484]

Thank you so much bro 🙏🏾

[@StrykezMan09]

Is there a video on how to change the color of the cart icon?

[@EternalFlame17]

Hi, how to resize the icon, my icon is just too big :D Thanks!

[@wealthprosperx]

Hey anas, Actually i need your help I am facing 'this store can't accept real order and real payment' this problem in my store, what should I do in this case please let me know if you have solution

[@OnHOWGuy]

Hey, did you sign up through regular Shopify and started a plan and everything ? also did you set up the payments method ? Also when do you get this message ?

[@OlivierBusinessBoost]

Good video, thank you sir !

[@MirGlobalPtyLtd]

Hi Anas, I'm using Shopify Symmetry theme for my store. Following your instructions, I have inserted a new colored cart of my choice. But I'm still seeing the "Cart" text, next to it. How do I remove this wording. Unsure which edit code theme should I highlight and replace. I have (3) cart-item.liquid, main-cart.liquid, cart-drawer.liquid. Please help.

[@tashtastictash]

What do I do if it says it cannot update file as content exceeds 256 kb limit?

[@willemvanhees6961]

how can i change the background of just only the shopping cart icon on the homepage? i only getting black shopping carts and my website have an blue background so you dont see it, i want it make white behind ?

[@draywriter84]

Thank you Anas

[@SBbeats1]

What i need to do if the cart icon online come on my deskopt but not on my phone?

[@OnHOWGuy]

It doesn't show on the mobile ? What theme/version are you using ? please let me know in a new comment as its difficult for me to see replies now. Cheers

[@umasiva8562]

Thank you so much

[@OnHOWGuy]

You're very welcome

[@Shopbabylon]

Thank you bro

[@isaacbolton6741]

legend thanks

[@VABianne_2023]

Hi Anas. Thanks for this. Would you be able to create a video on how we can replace the default social media icons of the store. I was thinking of following this video but it seems its specifically for the cart icon. Thank you in advance for your help.

[@k13team55]

Hi bro, Do you also pay 13% tax on meta ad ad spent when you are charged from your card?? I live in Canada

[@OnHOWGuy]

Yes but not 13%, that depends on where you live. However, if you're registered for VAT and add your valid BRN to your ad account you'll likely be able to recover VAT from your local tax authority. Cheers

[@gaming-fiber]

THANKS FOR PROVIDING IT

[@OnHOWGuy]

You're very welcome

[@TaranRobinson-q1u]

How did your cart file change from an png to svg? I don't see that explained in the video. Thanks!

[@PersonalCareAndHealthy]

with canva

[@RalphRRR]

How can you resize the icon?

[@nocturnalreverie]

I just want to change the color of the icon to black, how is this possible?

[@WilliamLaid]

Hello Anas, the link for the code is not working.

[@Joseph_butler]

FIRE !

[@Raincloud-t7p]

how do you change to checkout cart icon aswell??

[@OnHOWGuy]

Where is the checkout icon ?

[@Liambarre06]

It was very difficult at first because I didn't have the right download option I had to use PNG. Anyway, thanks for the help!

[@skyurt6328]

Hi brother, i got a problem. Do you maybe now why my payment icon is not showing in the footer after i have selected the payment methode in shopify.

[@OnHOWGuy]

Hey, That has to do with theme and even if you didn't set the payment methods the icons still need to show up. What theme are you using ?

[@skyurt6328]

@@OnHOWGuy i am using the impulse theme

[@OnHOWGuy]

@@skyurt6328 Thats a paid theme, the support should help you with that right away. IF not, check my video on trust badges i did show how to add them and do that for the footer. cheers

[@Koekmans]

You missed to show how to change the Cart icon on the Checkout page because the regular bag is still active on the Checkout page. Unfortunately I can’t find the code for that

[@OnHOWGuy]

Ohh i see, there is only two files for that icon-cart-empty.liquid and icon-cart.liquid, try this trick on the first and see. Cheers

[@yaels645]

Hey I’ve tried to change the icon by the video and accidentally did something wrong, and now it shows the actual code and not the icon .. would like some help please thanks 🙏🏼

[@liranizhak6438]

the icon dont show in the mobile, can you help

[@guttamade2245]

How do add a gallery column

[@Gorb0312]

bro, when I place a cart and add an item to it, the number on the cart is very crooked, how can I fix this?

[@CommanderWar64]

thanks :)

[@yds41]

how do I change the account icon to the word (Account)

[@Shopop_pk]

Dear how to text and Icon Both as Cart ?

[@ClubOverthinker]

i tried doing this but when i uploaded the file it only gave me the first line of the code and not the rest

[@jixxer14422]

You never said how to change it to a custom icon. You said you can change it to your face if you want to but you also said you search for an svg icon on the internet. Where is there an svg of my face on the internet? No I don't want to use my face but I do have a picture of a duffle bag that I would like to use. It is a png file. How do I change it to that?

[@Ricys]

google png to svg convertion

[@iamusmanshabbir142]

always press 5 when watch his videos if you know then you know

[@Thenotsoaverageteenager]

I cant See the cart icon on mobile… :((

[@alex0087]

Thanx Anas

[@OnHOWGuy]

You're welcome

[@JawwadShamim]

Great

[@cihangiromer]

I've been watching all your videos since yesterday. The codes you gave do not open. expired.

[@Andrea-yo5uk]

hi the website codes its not working rn

[@AnoosyLtd]

ويلي على جيسوس 😂😂😂

[@FreelancerFayez-m3p]

where is liquid code sir!?

[@OnHOWGuy]

In the description box

[@migzberenguel2036]

why doesnt it show on mobile

[@mlle2934]

It doesn't work for me because the icon is here first and 2sec later it disappeared

[@K0v0124]

Same

[@VanillaSquilla]

Click on a line of code then press command f.

[@awaisyasir7965]

Website not working

[@Josh-do4og]

skip to 2:40 when he "gets to it"

[@Aimzde]

Love YOU need help

[@frederik2319]

bro it doesnt work??

[@Andrewtate_369]

Bro it's not working the cart is big

[@quincylopes4307]

It doesn’t change to cart

[@awaistech12]

❤

[@quincylopes4307]

It doesn’t work

[@axeflames7950]

this did not need to be an 11 minute video

[@diegosegura8715]

video is cool but almost 3 min of intro.

[@coderserial396]

you are boring bro, make it clear easy and fast

[@christina8884]

This didn't work for my Pipeline themed Shopify store as the fields were different: icon-cart-check.liquid, icon-cart-message.liquid, icon-cart.liquid, and changing any of them just made the svg shopping bag icon that I tried to use take up the entire screen, zooming in on my banner image by 400% and the rest of my site was gone. Any tips?

[@CEEZYsWorld]

with shopify dawn 15.1 when i add the new icon it is too big. how can i fix that?