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

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

[@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?

[@bunkeboy1724]

Thanks, did you change the video recently? I am not completely sure, but im pretty sure you showed a different method before where you can use images you uploaded in shopify as well!

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

[@lonleyfeelings3346]

I cant see the new icon on mobile?

[@LisaHendricks-c9l]

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

[@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?

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

[@tanneragpoon]

Your tutorials are the best. Thank you so much dude

[@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?

[@wowstoretech]

Thank you so much!! I used and it worked

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

[@santiagogaloaguirre2223]

You're a beast mate!

[@BACKTOREALITYCO]

love the videos brother

[@HollyH-x2s]

Thank you for this, however I seem to be having issues! I like the idea of a transparent header. But it means my cart icon has a white box around it. This also happens as you scroll and my header bar changes colour. Also the positioning of the '1' when you add something to my cart needs to be higher and to the right. Which I can't seem to suss. Any help on this very appreciated!

[@tywilson5131]

Using a cart icon with a transparent background would probably fix this issue

[@ShireenSultana-n8p]

Hi, Can you please help me in writing "sign in" beside the account icon inside the header.

[@coolmitt]

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

[@JuanLopez-dw6hy]

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

[@BlackSkin_Care]

Thank you u are the best. I like your channel

[@bombbenefit7059]

Thank you for helping with this topic

[@OnHOWGuy]

You're very welcome

[@GemStar-k1u]

Perfect explained.... Thanks

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

[@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?

[@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?

[@MM-qo2fm]

you are teh best ty sooo much

[@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!

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

[@liranizhak6438]

the icon dont show in the mobile, can you help

[@candace58]

HOW DO YOU MAKE THE FONT SIZE BIGGER? 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!

[@bewimotos]

Thanks, this helped me on my issue.

[@quasar4135]

So useful !!

[@OnHOWGuy]

Glad to hear that

[@urfavmeshell]

thank you so much!!!!

[@PersonalCareAndHealthy]

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

[@Ghost31393]

Thansk for this the video is really helpful

[@OnHOWGuy]

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

[@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!

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

[@SPEAKERMOB]

thanls for the great video bro

[@MarcelIgwe]

Cool stuff... Nice one bro

[@OnHOWGuy]

Thanks brother

[@OlivierBusinessBoost]

Good video, thank you sir !

[@MaiseNielsen-wm7qq]

Please make one on how to change search icon!

[@StrykezMan09]

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

[@kamarouf3212]

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

[@gaskia5484]

Thank you so much bro 🙏🏾

[@Joseph_butler]

FIRE !

[@draywriter84]

Thank you Anas

[@umasiva8562]

Thank you so much

[@OnHOWGuy]

You're very welcome

[@Shopbabylon]

Thank you bro

[@Thenotsoaverageteenager]

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

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

[@ThomLangenberg]

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

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

[@isaacbolton6741]

legend thanks

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

[@gaming-fiber]

THANKS FOR PROVIDING IT

[@OnHOWGuy]

You're very welcome

[@EternalFlame17]

Hi, how to resize the icon, my icon is just too big :D 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.

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

[@tashtastictash]

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

[@RalphRRR]

How can you resize the icon?

[@nocturnalreverie]

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

[@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 ?

[@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?

[@WilliamLaid]

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

[@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!

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

[@CommanderWar64]

thanks :)

[@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 ?

[@muddna]

How do add a gallery column

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

[@alex0087]

Thanx Anas

[@OnHOWGuy]

You're welcome

[@Andrea-yo5uk]

hi the website codes its not working rn

[@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 🙏🏼

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

[@iamusmanshabbir142]

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

[@cihangiromer]

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

[@yds41]

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

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

[@Shopop_pk]

Dear how to text and Icon Both as Cart ?

[@Raincloud-t7p]

how do you change to checkout cart icon aswell??

[@OnHOWGuy]

Where is the checkout icon ?

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

[@JawwadShamim]

Great

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

[@FreelancerFayez-m3p]

where is liquid code sir!?

[@OnHOWGuy]

In the description box

[@mlle2934]

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

[@K0v0124]

Same

[@migzberenguel2036]

why doesnt it show on mobile

[@frederik2319]

bro it doesnt work??

[@awaisyasir7965]

Website not working

[@Andrewtate_369]

Bro it's not working the cart is big

[@VanillaSquilla]

Click on a line of code then press command f.

[@awaistech12]

❤

[@KitchenKlout]

Disregard my last message figured it out

[@AnoosyLtd]

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

[@quincylopes4307]

It doesn’t work

[@quincylopes4307]

It doesn’t change to cart

[@Aimzde]

Love YOU need help

[@Josh-do4og]

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

[@diegosegura8715]

video is cool but almost 3 min of intro.