Show payment method icons at footer (Old themes only)

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, when it comes to code editing, it only applies to old themes; new theme templates do not require any code changes, as you can edit your payment method on the customization page.
• 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.

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!

Updated on: 11/10/2023