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

[@craigthomas8399]

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

[@njabulomajola1706]

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

[@SansserEntertainment]

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

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

[@maxmustermann8167]

Thats a smart and simple solution, thank you.

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

[@motivationmoneywellness]

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

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

[@UbongaShorts]

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

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

[@bastiaanhalteren6946]

I dont see it when i copy it into custom liquid

[@rjobaanable]

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

[@hardeepchauhan5014]

bro you saved my time ❤

[@denisgeorgiev2653]

Thank you! It works perfectly

[@HamzaAbuMuhammad]

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

[@hafcefatimazahra3683]

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

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

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

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

[@ducatdreams]

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

[@Savvylife-m3w]

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

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

[@jcnation5393]

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

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

[@davidvandermeijde4884]

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

[@helg_jm]

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

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

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

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

[@tmend5795]

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

[@basharalhamad3620]

This helped so much and you explained it very good!

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

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

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

[@scandinaviannailsbyabameme7414]

not working anymore ;(

{%- for type in shop.enabled_payment_types -%}

{{ type | payment_type_svg_tag: class: 'icon icon--full-color' }}

{%- endfor -%}

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

[@jochuaribeiro7872]

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

[@leomarkconstantino4451]

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

[@saidlyaakoubi5043]

Thank you so much , awsome explanation

[@braxtonwest]

Thank you bro, keep up the good work

[@cherylbellette8905]

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

[@Klutch_Store]

This guy is amazing

[@vxxs4682]

Thank you man, great content!!

[@JIAYINGXIE-k2v]

what a wonderful video!

[@SoukainaElmaz]

Great content, great value, thank you

[@benjaminf3465]

Very helpful. Thanks bro

[@griffinsidoo]

Thanks man great vid!

[@specialseraphim]

Thank you, this is very helpful☺

[@achiramaria7779]

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

[@AdamBelouzairi]

Very good video! Thanks

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

[@JennaLafable]

Thank You definitely help my store

[@armansaifi_]

It worked thank you👍

[@Idontknow-xi9hi]

Thank you so much. Great value

[@ProKanatGamer]

hi! what font is that?

[@NordicSuppliers-wu5jf]

Thanks man!

[@glens88]

Thank you!!! ❤❤❤❤

[@OlivierBusinessBoost]

Perfect dude ! Thank you

[@poletiC3]

did it worked for yu
?

[@Careonnet]

Great!!! Thank you so much!!

[@davidlaube1600]

amazing, thanks a lot!!!!

[@nostromosulaco8300]

Thnx! Great help.

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

[@rachednadir128]

Thank you very much ❤❤

[@shireenjosias4246]

Thank you!!!

[@rush8222]

Appreciate it!!!!!!

[@anhpzz4499]

thank you bro awesome

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

[@1782user]

Thank you!

[@giuseppembt]

thank you bro chat gbt it self couldnt do it

[@DjFoxF]

Thanks ❤

[@amranhossain_1]

Amazing

[@gabrielcaesar9760]

thank you

[@moneymaketheworldgoround]

thx a lot

[@JakobBlom]

Tremendous.

[@KingQueen-lk5yw]

merci beaucoup TY

[@hugorake6589]

they appear but all beneath eachother.

[@md.maniruzzaman4485]

Awesome

[@EdCodes]

Thanks

[@olgagal8800]

Thank you! 😊

[@DogTbottle]

Thank you very much, great video!

[@coldhandsEU]

Thank you very much!

[@nawrozmangal9770]

Thanks so much ❤

[@forfun.369]

Thank you 🙏

[@alextruong6816]

Thank you bro.