How To Change Cart Icon On Shopify

Поделиться
HTML-код
  • Опубликовано: 1 фев 2025

Комментарии • 145

  • @CASTANDCOOKING
    @CASTANDCOOKING Год назад +1

    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
    @tashtastictash 8 месяцев назад +1

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

  • @EliškaČechová-d6q
    @EliškaČechová-d6q 4 месяца назад +3

    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.

  • @bunkeboy1724
    @bunkeboy1724 10 дней назад

    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!

  • @investintoyourself
    @investintoyourself Год назад +1

    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
      @FREDPERRY1 4 месяца назад

      How did you fix the size problem?

  • @skylineg6618
    @skylineg6618 Год назад +19

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

  • @Leoniebe
    @Leoniebe 11 месяцев назад +3

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

  • @LisaHendricks-c9l
    @LisaHendricks-c9l Год назад +2

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

  • @adamkeith8852
    @adamkeith8852 Год назад +3

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

    • @TellATale254
      @TellATale254 2 месяца назад

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

  • @gohanjesse3863
    @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
      @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
      @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
      @gohanjesse3863 Год назад

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

    • @K0v0124
      @K0v0124 Год назад

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

  • @lonleyfeelings3346
    @lonleyfeelings3346 Год назад +5

    I cant see the new icon on mobile?

  • @WolfProdz
    @WolfProdz Год назад +8

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

    • @kenleal6293
      @kenleal6293 9 месяцев назад

      probably the background and the lines are the same color

  • @BryanB1138
    @BryanB1138 9 месяцев назад

    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?

  • @HollyH-x2s
    @HollyH-x2s 20 дней назад

    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
      @tywilson5131 6 дней назад

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

  • @wowstoretech
    @wowstoretech 10 месяцев назад

    Thank you so much!! I used and it worked

  • @marcopicchi5679
    @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

  • @tanneragpoon
    @tanneragpoon 8 месяцев назад

    Your tutorials are the best. Thank you so much dude

  • @UncleGymSocial
    @UncleGymSocial 8 месяцев назад

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

  • @ZsokaMarko
    @ZsokaMarko 10 месяцев назад

    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!

  • @ShireenSultana-n8p
    @ShireenSultana-n8p 5 дней назад

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

  • @Si.top2020
    @Si.top2020 3 месяца назад

    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!

  • @candace58
    @candace58 Год назад +1

    HOW DO YOU MAKE THE FONT SIZE BIGGER? THANKS!

  • @JuanLopez-dw6hy
    @JuanLopez-dw6hy 9 месяцев назад

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

  • @coolmitt
    @coolmitt Год назад

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

  • @HizZonor
    @HizZonor 5 месяцев назад

    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
      @OnHOWGuy  5 месяцев назад

      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
      @HizZonor 5 месяцев назад

      @@OnHOWGuy Much appreciated.

    • @HizZonor
      @HizZonor 4 месяца назад

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

  • @bombbenefit7059
    @bombbenefit7059 7 месяцев назад

    Thank you for helping with this topic

    • @OnHOWGuy
      @OnHOWGuy  7 месяцев назад +1

      You're very welcome

  • @MM-qo2fm
    @MM-qo2fm 11 месяцев назад

    you are teh best ty sooo much

  • @BlackSkin_Care
    @BlackSkin_Care Год назад

    Thank you u are the best. I like your channel

  • @mindfullmavericks
    @mindfullmavericks Год назад

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

    • @OnHOWGuy
      @OnHOWGuy  Год назад

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

    • @Vxiey
      @Vxiey Год назад

      @@OnHOWGuy updated version?

  • @santiagogaloaguirre2223
    @santiagogaloaguirre2223 Год назад

    You're a beast mate!

  • @PersonalCareAndHealthy
    @PersonalCareAndHealthy Год назад

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

  • @BACKTOREALITYCO
    @BACKTOREALITYCO Год назад

    love the videos brother

  • @GemStar-k1u
    @GemStar-k1u Год назад

    Perfect explained.... Thanks

  • @kamarouf3212
    @kamarouf3212 4 месяца назад

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

  • @bewimotos
    @bewimotos Год назад

    Thanks, this helped me on my issue.

  • @liranizhak6438
    @liranizhak6438 Год назад +1

    the icon dont show in the mobile, can you help

  • @Ghost31393
    @Ghost31393 5 месяцев назад

    Thansk for this the video is really helpful

    • @OnHOWGuy
      @OnHOWGuy  5 месяцев назад

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

  • @StrykezMan09
    @StrykezMan09 10 месяцев назад

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

  • @MaiseNielsen-wm7qq
    @MaiseNielsen-wm7qq 8 месяцев назад

    Please make one on how to change search icon!

  • @quasar4135
    @quasar4135 6 месяцев назад

    So useful !!

    • @OnHOWGuy
      @OnHOWGuy  6 месяцев назад

      Glad to hear that

  • @3vgn
    @3vgn Год назад

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

    • @OnHOWGuy
      @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

  • @MarcelIgwe
    @MarcelIgwe Год назад

    Cool stuff... Nice one bro

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

  • @KristiLyn-z7w
    @KristiLyn-z7w 5 месяцев назад

    How do I just make the current icon more bold?

    • @OnHOWGuy
      @OnHOWGuy  5 месяцев назад

      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

  • @EternalFlame17
    @EternalFlame17 4 месяца назад

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

  • @Koekmans
    @Koekmans 6 месяцев назад +1

    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
      @OnHOWGuy  6 месяцев назад

      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
    @ThomLangenberg Год назад

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

  • @SPEAKERMOB
    @SPEAKERMOB Год назад

    thanls for the great video bro

  • @OlivierBusinessBoost
    @OlivierBusinessBoost Год назад

    Good video, thank you sir !

  • @urfavmeshell
    @urfavmeshell Год назад

    thank you so much!!!!

  • @Thenotsoaverageteenager
    @Thenotsoaverageteenager Год назад +3

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

  • @gaskia5484
    @gaskia5484 Год назад

    Thank you so much bro 🙏🏾

  • @SBbeats1
    @SBbeats1 6 месяцев назад

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

    • @OnHOWGuy
      @OnHOWGuy  6 месяцев назад

      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

  • @KYLE20003
    @KYLE20003 5 месяцев назад

    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
      @OnHOWGuy  5 месяцев назад

      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

  • @gaming-fiber
    @gaming-fiber Год назад

    THANKS FOR PROVIDING IT

    • @OnHOWGuy
      @OnHOWGuy  Год назад +1

      You're very welcome

  • @Joseph_butler
    @Joseph_butler Год назад

    FIRE !

  • @umasiva8562
    @umasiva8562 6 месяцев назад

    Thank you so much

    • @OnHOWGuy
      @OnHOWGuy  6 месяцев назад

      You're very welcome

  • @k13team55
    @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
      @OnHOWGuy  Год назад +1

      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

  • @isaacbolton6741
    @isaacbolton6741 Год назад

    legend thanks

  • @nocturnalreverie
    @nocturnalreverie Год назад

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

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

  • @RalphRRR
    @RalphRRR 11 месяцев назад

    How can you resize the icon?

  • @willemvanhees6961
    @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 ?

  • @Shopbabylon
    @Shopbabylon Год назад

    Thank you bro

  • @tashtastictash
    @tashtastictash 8 месяцев назад

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

  • @draywriter84
    @draywriter84 9 месяцев назад

    Thank you Anas

  • @Liambarre06
    @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!

  • @wealthprosperx
    @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
      @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
    @Gorb0312 10 месяцев назад

    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?

  • @cihangiromer
    @cihangiromer Год назад

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

  • @TaranRobinson-q1u
    @TaranRobinson-q1u Год назад

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

  • @WilliamLaid
    @WilliamLaid Год назад

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

  • @yaels645
    @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 🙏🏼

  • @jixxer14422
    @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
      @Ricys Год назад

      google png to svg convertion

  • @ClubOverthinker
    @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

  • @skyurt6328
    @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
      @OnHOWGuy  Год назад +1

      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
      @skyurt6328 Год назад

      @@OnHOWGuy i am using the impulse theme

    • @OnHOWGuy
      @OnHOWGuy  Год назад +1

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

  • @iamusmanshabbir142
    @iamusmanshabbir142 9 месяцев назад

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

  • @Raincloud-t7p
    @Raincloud-t7p Год назад

    how do you change to checkout cart icon aswell??

    • @OnHOWGuy
      @OnHOWGuy  Год назад

      Where is the checkout icon ?

  • @muddna
    @muddna Год назад

    How do add a gallery column

  • @Shopop_pk
    @Shopop_pk Год назад

    Dear how to text and Icon Both as Cart ?

  • @yds41
    @yds41 Год назад

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

  • @CommanderWar64
    @CommanderWar64 Год назад

    thanks :)

  • @Andrea-yo5uk
    @Andrea-yo5uk Год назад

    hi the website codes its not working rn

  • @FreelancerFayez-m3p
    @FreelancerFayez-m3p 6 месяцев назад

    where is liquid code sir!?

    • @OnHOWGuy
      @OnHOWGuy  6 месяцев назад

      In the description box

  • @alex0087
    @alex0087 Год назад

    Thanx Anas

  • @VanillaSquilla
    @VanillaSquilla Год назад

    Click on a line of code then press command f.

  • @mlle2934
    @mlle2934 Год назад

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

  • @migzberenguel2036
    @migzberenguel2036 Год назад

    why doesnt it show on mobile

  • @JawwadShamim
    @JawwadShamim 9 месяцев назад

    Great

  • @Andrewtate_369
    @Andrewtate_369 Год назад

    Bro it's not working the cart is big

  • @awaisyasir7965
    @awaisyasir7965 Год назад

    Website not working

  • @KitchenKlout
    @KitchenKlout 17 дней назад

    Disregard my last message figured it out

  • @frederik2319
    @frederik2319 Год назад

    bro it doesnt work??

  • @AnoosyLtd
    @AnoosyLtd 5 месяцев назад

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

  • @quincylopes4307
    @quincylopes4307 Год назад

    It doesn’t work

  • @quincylopes4307
    @quincylopes4307 Год назад

    It doesn’t change to cart

  • @awaistech12
    @awaistech12 6 месяцев назад

  • @Aimzde
    @Aimzde 10 месяцев назад

    Love YOU need help

  • @Josh-do4og
    @Josh-do4og 2 месяца назад

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

  • @diegosegura8715
    @diegosegura8715 Год назад

    video is cool but almost 3 min of intro.