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
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!