Solved

Only Paypal displays in the footer when I enable payment icons

Woodie
Visitor
2 0 0

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.

Accepted Solution (1)

ES1
Shopify Expert
56 6 11

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!

View solution in original post

Replies 2 (2)

ES1
Shopify Expert
56 6 11

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!

Woodie
Visitor
2 0 0

Hi ES1, thank you. I now have the icons displayed.