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.
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025