All things Shopify and commerce
Hello, when I enable payment icons on the footer of the home page, only PayPal shows up. I want to also show Visa, Mastercard and American Express. I have payment options set up already. I checked similar responses but could not find the section of the theme code that they pointed to. My theme is Sense. Please help.
Solved! Go to the solution
This is an accepted solution.
Hi,
You have not left your store url, so we do not know what theme you are using plus we do assume that you already have Shopify payments active on your store.
For a sure shot fix whichever theme you are using or if you are using any other payment gateway, you can add the below code to the footer liquid by editing the theme by going to Online Store --> Themes --> Edit Code:
<style>
.methods-of-payment img { padding: 0.2em; }
.lt-ie9 .methods-of-payment, .ie8 .methods-of-payment, .oldie .methods-of-payment { display: none; }
</style>
<span class="methods-of-payment">
<img src="{{ 'american_express' | payment_type_img_url }}" height="35" alt="american express" />
<img src="{{ 'discover' | payment_type_img_url }}" height="35" alt="discover" />
<img src="{{ 'master' | payment_type_img_url }}" height="35" alt="master" />
<img src="{{ 'paypal' | payment_type_img_url }}" height="35" alt="paypal" />
<img src="{{ 'visa' | payment_type_img_url }}" height="35" alt="visa" />
</span>
Please dm, if you need help in adding the same as your store url would be required to add this.
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
This is an accepted solution.
Hi,
You have not left your store url, so we do not know what theme you are using plus we do assume that you already have Shopify payments active on your store.
For a sure shot fix whichever theme you are using or if you are using any other payment gateway, you can add the below code to the footer liquid by editing the theme by going to Online Store --> Themes --> Edit Code:
<style>
.methods-of-payment img { padding: 0.2em; }
.lt-ie9 .methods-of-payment, .ie8 .methods-of-payment, .oldie .methods-of-payment { display: none; }
</style>
<span class="methods-of-payment">
<img src="{{ 'american_express' | payment_type_img_url }}" height="35" alt="american express" />
<img src="{{ 'discover' | payment_type_img_url }}" height="35" alt="discover" />
<img src="{{ 'master' | payment_type_img_url }}" height="35" alt="master" />
<img src="{{ 'paypal' | payment_type_img_url }}" height="35" alt="paypal" />
<img src="{{ 'visa' | payment_type_img_url }}" height="35" alt="visa" />
</span>
Please dm, if you need help in adding the same as your store url would be required to add this.
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
Hi ES1, thank you. I now have the icons displayed.
Hey Community! As we jump into 2025, we want to give a big shout-out to all of you wh...
By JasonH Jan 7, 2025Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024