How can I add payment icons to Dawn theme product and cart pages?

Solved

How can I add payment icons to Dawn theme product and cart pages?

Stefan222211
Tourist
7 0 3

Hello! I have two questions if anyone could please help me? I'm using Dawn theme.

1. I want to add my payment icons (which are already present in my footer) to both under atc button in the product pages & checkout button in the cart page.

2. Is there any way I could actually find the file source images for those payment icons? I would also like to have them as PNG images.

image.png

Accepted Solution (1)
KetanKumar
Shopify Partner
37583 3668 12151

This is an accepted solution.

@Stefan222211 

yes, pleaser try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/base.css ->paste below code at the bottom of the file.

.product__info-wrapper .list-payment {justify-content: center !important;max-width: 440px;}

 

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 8 (8)

Stefan222211
Tourist
7 0 3

UPDATE:

I manged to add to the atc button via this code in here in main-product.liquid

Stefan222211_0-1667736181638.png

 

but the problem is that they are not centered. How can I do that?

Stefan222211_1-1667736224111.png

 

KetanKumar
Shopify Partner
37583 3668 12151

@Stefan222211 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Stefan222211
Tourist
7 0 3

@KetanKumar 
Do you have an email address or anyother way I could send the URL? I would not really like to make it public.

Thank you!

KetanKumar
Shopify Partner
37583 3668 12151

This is an accepted solution.

@Stefan222211 

yes, pleaser try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/base.css ->paste below code at the bottom of the file.

.product__info-wrapper .list-payment {justify-content: center !important;max-width: 440px;}

 

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Stefan222211
Tourist
7 0 3

@KetanKumar  Works wonders ! Thanks a lot!

 

And I i want to add those items to my cart page, could help me with that as well? I'd be really grateful

Stefan222211
Tourist
7 0 3

I managed to add it myslef within Sections --> main-cart-footer.liqud under line 65, and it works fine!

Stefan222211
Tourist
7 0 3

@KetanKumar  Just sent you a private message with my store URL

KetanKumar
Shopify Partner
37583 3668 12151

@Stefan222211 

yes i will check and let you now

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing