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

In this article :

  1. Show payment method at footer

  2. Resize payment gateway logo at footer

  3. 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

Step 3 : Save and you're done!

Related articles:

Add contact details on footer

Adding Trustmark at footer

Add subscribe button at footer

Add FPX logo in footer

Adding image or logo in footer

Did this answer your question?