Show payment method icons at footer

Payment method icons shown at your store footer can certainly increase your customers trust and credibility. 

In this article :

Show payment method at footer
Resize payment gateway logo at footer
Change the color for payment logo

⚠️ Before you begin :
Above all code editing, you will need to re-edit the code again if you switch to a new theme template
We do not allow to change or edit the code for the checkout page (which include shipping & payment method) due to security reasons

1. Show payment method at footer

Step 1 : Click into Channels > Online Store > Themes > Install one of the themes below.

📌 Note : Only the below selected themes having this feature
Candy
WAVE
LUCKY
X-FORCE
MAKER
FALL
MineStyle
HappyKitchen
DreamsBedding
TheSummer
Flower&TeaHouse
Prisme
Inspiration
MensCLUB
Wild Heart

Step 2 : Click Customize > Footer and select which logo to appear at the footer (switch ON/OFF)



Step 3 : Click Save once you are done!

2. Resize payment gateway logo at footer

Step 1 : Click on Channels > Online Store > Edit Source and look for timber.scss file

Step 2 : Look for .payment-icons around line 1621 and change the height to your preferred size



Step 3 : Save

3. Change the color for payment logo

Step 1 : Click on Channels > Online Store > Edit Source and look for this file timber.scss

Step 2 : Look for .payment-icons around line 1620 and change the colour code to your preferred colour code. You may get the color code of your preferred color [here](https://www.rapidtables.com/web/color/html-color-codes.html)



Step 3 : Save and you're done!

Updated on: 24/09/2022