Shopify - Adding Payment Icons under Add to Cart Button

[@EdCodes]

👋Want to learn more skills like this? Check out my book: ed.codes/shopify-coding-handbook

[@CallMeForCurls]

Thank you so much. It bothered me that my icons were in the footer because buyers will most likely not see it. Great help. More power to you Sir

[@passi0239]

showing both methods and even explaining everything was really helpfull, thanks alot!! hope to find more of that content on your channel

[@bartkonings5348]

Thank you so much! For centering I needed this code: style="display: flex; justify-content: center;"

[@D.Monstrable]

This is just what I needed .I've been wanting to display these without an app!

[@leovicentim]

Worked for me in octorber 2024.. thanks Ed!

[@Sunnyleads]

That’s good to hear doing it now!

[@slgz5574]

exactly what I was looking for a weeks a go

[@SansserEntertainment]

How nicely you have explained i am so happy to watch the video strongly appreciated.

[@maxmustermann8167]

Thats a smart and simple solution, thank you.

[@njabulomajola1706]

Love your content bro, easy to follow and clear instructions. 💪!!

[@craigthomas8399]

Dude, this is a massive great help. So glad I found your Channel you seem to have some great content.

[@grix23]

very useful and fast, thanks for sharing this code skills! I fixed this for 5 min and I was looking for solution for my shop (I'm not a coder) several days!

[@UbongaShorts]

Awesome! thanks for both methods :D would love to see more custom liquid videos

[@motivationmoneywellness]

your channel will grow .. no bs, or fluff, understandable even for me bit size is good

[@denisgeorgiev2653]

Thank you! It works perfectly

[@Savvylife-m3w]

my man thank you so much, all my repect you helped me so much

[@hardeepchauhan5014]

bro you saved my time ❤

[@saidlyaakoubi5043]

Thank you so much , awsome explanation

[@braxtonwest]

Thank you bro, keep up the good work

[@basharalhamad3620]

This helped so much and you explained it very good!

[@vxxs4682]

Thank you man, great content!!

[@benjaminf3465]

Very helpful. Thanks bro

[@SoukainaElmaz]

Great content, great value, thank you

[@griffinsidoo]

Thanks man great vid!

[@ducatdreams]

Thank you for your videos you're greatly appreciated. From us all

[@Bhooki]

Hi, very simplified tutorial. However, I'm finding it difficult to centre the payment icons on desktop view. It is centered on mobile view though. Please can you help? Thanks

[@FreelanceFadi]

Were you able to solve this? style="display: flex; justify-content: center;" should do the trick!

[@bartkonings5348]

@@FreelanceFadi Thank you so much! The one in the video did not work, but your did.

[@FreelanceFadi]

@@bartkonings5348 Nice!

[@AdamBelouzairi]

Very good video! Thanks

[@cherylbellette8905]

Thank you so much, So helpful and quick. You Rock!

[@jochuaribeiro7872]

Thanks very much my broo, I'm from Brazil .

[@specialseraphim]

Thank you, this is very helpful☺

[@helg_jm]

Block Custom liquid is supporting tag {%render%}. As variant can create snippet with payment icon.

[@bastiaanhalteren6946]

I dont see it when i copy it into custom liquid

[@JIAYINGXIE-k2v]

what a wonderful video!

[@anagoncalves5217]

Hi Ed! I'm learning a lot with your videos. Thank you so much. I would like to know if you can help me with a thing that I will like to have in my shopify product page. In the product page I see a SHARE "link text" for people share on social media. I would like to change that SHARE text to icons of social media. It's that possible? I have the Dawn theme. Thank you in advance.

[@JennaLafable]

Thank You definitely help my store

[@Idontknow-xi9hi]

Thank you so much. Great value

[@JonnyJones-ed1if]

why are my icons not aligned like yours? They are spaced unevenly on the borh axis. {%- for type in shop.enabled_payment_types -%} {%- endfor -%}

[@hafcefatimazahra3683]

Hello, Thank you for the content. Is there a method that allows us to have one checkout page instead of three?

[@HamzaAbuMuhammad]

Thx for the tut! But how to remove the ugly arrows in dawn theme, can you make a tut about that?

[@achiramaria7779]

You're a hero thank you!!!!!

[@VitalSoftwareSolutions]

Hi there. I got the icons in, but the center commend does not get them in the middle, but gives me the icons in a vertical line.

[@rjobaanable]

In motion theme it's different..I don't have product information can I do it within that theme?

[@scandinaviannailsbyabameme7414]

not working anymore ;( {%- for type in shop.enabled_payment_types -%} {{ type | payment_type_svg_tag: class: 'icon icon--full-color' }} {%- endfor -%}

[@minhđô-o7t]

my payment method doesn't show on footer that only show the paypal icon instead of all payment method Im add to my shopify

[@armansaifi_]

It worked thank you👍

[@OlivierBusinessBoost]

Perfect dude ! Thank you

[@poletiC3]

did it worked for yu ?

[@GrowticMarketing]

Hi Ed, would love to get the complete the look section, however it seems like the sale is disabled on gumroad. Are you gonna reactivate it? Is it compatible with Symmetry theme too?

[@sebastianmorales1040]

Thanks Again Ed! You have help me aaaa loooot. Sending good vibes from GUATEMALA. I have a question, have you had trouble with translating pages to another lenguaje? I have this problem that the product types, color, material are not translating in filters (collection page) only in product page.

[@NordicSuppliers-wu5jf]

Thanks man!

[@jcnation5393]

Trust badges are not visible on my dawn theme. Everything is there but it's not showing badges.

[@Klutch_Store]

This guy is amazing

[@emilgoras5820]

How can i center the code: {% for type in shop.enabled_payment_types %} {{ type | payment_type_svg_tag: class: 'section-footer__payment-icon' }} {% endfor %}

[@poletiC3]

thx !!!!!!!

[@nostromosulaco8300]

Thnx! Great help.

[@davidvandermeijde4884]

I don't see the payment code in the code itself, and i'm using dawn theme.

[@davidlaube1600]

amazing, thanks a lot!!!!

[@jonakiralo8519]

I used a motion theme, How can I get a product information option in my Shopify store? and how I can set up a payment icon?

[@christinasfabrics-sewingba490]

Hi there, I have tried to do this several times and my list comes out in a bulleted list single file. What am I doing wrong? Using the Dawn Theme

[@timk.]

I have to many payment icons, so I get one in the second row. How can I scale the icons that they all fit in one row on desktop mode?

[@glens88]

Thank you!!! ❤❤❤❤

[@leomarkconstantino4451]

Hi, can you teach us on adding add to cart and quantity selector on featured collection on homepage

[@faisalahmad100]

Sir, I have a question. I am using a motion theme. When I want to add payment method icons there, I can't find the product information file there. Where can I use the custom liquid code? (Please help sir. This is my client's task.)

[@Careonnet]

Great!!! Thank you so much!!

[@tmend5795]

what happenes when I dont have the custom liquid ??? what I do now ?? :(

[@shireenjosias4246]

Thank you!!!

[@balb-g5w]

Merci pour ce tutorial Ed ! Ça a marché à merveille. Mais je souhaiterais mettre les payments icons dans la page de Checkout, juste au-dessus de la section d'information de shipping aussi. Est-ce que t'aurais une d'idée comment je le pourrais ?

[@rachednadir128]

Thank you very much ❤❤

[@anhpzz4499]

thank you bro awesome

[@giuseppembt]

thank you bro chat gbt it self couldnt do it

[@1782user]

Thank you!

[@carolynchang5203]

hi, my dawn footer doesnt have those credit card icons, what should i do ? thankssss

[@FreelanceFadi]

Is your store configured to accept payments? Make sure you've checked the 'Show payment icons' checkbox in the footer section settings.

[@stefanocarretta6678]

Hello! Is it possible to add trust badges under the cart drawer button ? Thanks a lot ❤

[@EdCodes]

Do you mean the checkout button inside the cart drawer? If your theme has blocks inside the cart drawer then it will be easy, but most likely it doesn't. So it is still possible but you need to edit theme code. Which theme are you using? In Dawn, you can open up /snippets/cart-drawer.liquid and scroll towards the bottom, you will find a div called

[@stefanocarretta6678]

Found it! 🎉

[@p3rq418]

Can you do a video showing how to change look of add to cart button please?

[@FreelanceFadi]

Do you still need help with this? I have a video showing how to add an icon inside the add to cart button!

[@ProKanatGamer]

hi! what font is that?

[@d-krebs]

Hi everyone, I did this. Unfortunately my sections below started to crash. Is it normal? Any idea how to fix it?

[@EdCodes]

You probably have a typo in your code or you forgot a closing html tag. Every html tag has an opening and closing tag, for example and , and if you didn't close one it can mess up the page below.

[@d-krebs]

thank you@@EdCodes

[@rush8222]

Appreciate it!!!!!!

[@itzmiiichiii2131]

Hey there, awesome video! Just got one small problem: If I preview this on mobile it happens that due to that many icons a second line is openend which looks very ugly, you know how to fix that? :)

[@EdCodes]

Are you using Dawn? Doesn't look ugly to me, but it depends how you want to design this on mobile. Remember you can left align or center, and you can set a max-width on desktop and tablets so its not longer than the add to cart button - style="max-width: 44rem; "

[@riccardopasi2771]

@@EdCodes is there a way to add Klarna icon with these payment icons?

[@DjFoxF]

Thanks ❤

[@moneymaketheworldgoround]

thx a lot

[@amranhossain_1]

Amazing

[@gabrielcaesar9760]

thank you

[@KingQueen-lk5yw]

merci beaucoup TY

[@JakobBlom]

Tremendous.

[@md.maniruzzaman4485]

Awesome

[@EdCodes]

Thanks

[@olgagal8800]

Thank you! 😊

[@hugorake6589]

they appear but all beneath eachother.

[@DogTbottle]

Thank you very much, great video!

[@coldhandsEU]

Thank you very much!

[@nawrozmangal9770]

Thanks so much ❤

[@forfun.369]

Thank you 🙏

[@alextruong6816]

Thank you bro.