Add payment icons on Footer

Hello, 

I would like to add payment method icons on the footer of my website. I have try to download images but the quality or the size are not appropriate. Could you please help me ?

Which payment processors are you wanting to add images for?

On 9/2/2021 at 7:43 AM, MorganePinet said:

Hello, 

I would like to add payment method icons on the footer of my website. I have try to download images but the quality or the size are not appropriate. Could you please help me ?

Can you share link to your site?

Hello, 

Please find attached the link of my website.  https://www.mademoisellemorgane.com.au/

I would like to add Mastercard/VISA/STRIPE/APPLE PAY/AFTER PAY. 

Thank you for your help !

On 9/10/2021 at 12:00 PM, MorganePinet said:

Hello, 

Please find attached the link of my website.  https://www.mademoisellemorgane.com.au/

I would like to add Mastercard/VISA/STRIPE/APPLE PAY/AFTER PAY. 

Thank you for your help !

Add it under Easy Weddings or under Copyright text? I guess you can add an Image Block >> Add payment icon??

I'm attempting to address this issue but it is slow going. I want to only use SVGs that are official from each payment processor. All the ones you mentioned do provide their logos and such in various SVGs. The SVGs although fantastic for looking good at various sizes, do require some processing to whip into shape to work in this potential effect.

Then there is the issue with all the images having different height/width ratios and trying to get them to look balanced in a row grid.

So far I'm encouraged but I don't know if this will turn into a solution.

I'll update if there is progress.

Please see Payment Processor Icons

Let us know how it goes..

I was bugged a bit by how the user had to configure hiding/showing/ordering the icons so I updated the code. 

I have updated the code cited in my September 17, 2021 post.

From the changes log.

• added support for --justify-content CSS variable, default is center
• added support for PayPal
• added support for Clearpay
• added Afterpay mint lockup
• removed unneeded class attributes
• removed redundant id attributes

I have updated the code cited in my September 17, 2021 post.

I added some missing show/hide Clearpay code.

Hey @creedon I have been trying to add this to my site but the icons appear very large.

How do I set them so they appear neatly in the footer? I have deleted the images I do not want to show. 

If possible I would like them in 1 line.

1 hour ago, Stevey1919 said:

I have been trying to add this to my site but the icons appear very large.

Please post the URL for a page on your site where we can see your issue.

If your site is not public please set up a site-wide password, if you've not already done so.

Post the password here.

Adding a site-wide password does not allow anyone to alter your site. It only allows those with the password to see your site. Please read the documentation at the link provided to understand how it works.

Please read the documentation at the link provided on how to share a link to your site to understand how it works. A link to the backend of the your site won’t work for us, i.e. a url that contains /config/.

We can then take a look at your issue.

Hey the URL is www.subjectresources.com

1 hour ago, Stevey1919 said:

I have been trying to add this to my site but the icons appear very large.

It appears you've not installed the CSS from the first step of the Quick Install instructions.

I have tried adding the CSS but it does not do anything other than change the font of my quote at the bottom of the page. 

5 minutes ago, Stevey1919 said:

I have tried adding the CSS but it does not do anything other than change the font of my quote at the bottom of the page.

When I install the CSS locally here this is what I see.

The CSS needs to go in Settings > Advanced > Code Injection > HEADER not Design > Custom CSS.

I have updated the code cited in my September 17, 2021 post.

Added American Express icons.

Reworked configuration code, now uses LESS. It's still code but hopefully it's not as mind numbing as before with endless lines of long CSS variable names.

If you don't need the AE icons there is no need to upgrade your current installation until you do.

Hi! I have been trying to figure out how to add payment icons to the footer of my site. Can someone please help?

Hi, I've been trying all day to add these payment icon codes but seems like my CSS screen isn't responding at all. Ive tried re starting and all that. Is anyone able to help me?

Hi everyone,

Is it possible to showcase the payment options in the footer of the store and how am i able to do that?

Kind regards!