Shopify themes, liquid, logos, and UX
Hello Everyone!
How do I add payment icons below the Add To Cart button on the product page? Please help me. Thank you.
Store: https://urbanglowingstore.myshopify.com/products/portable-mini-ufo-negative-ion-air-humidifier
Password: Admin
I want to add the following payment icons.
american_express,apple_pay,diners_club,discover,google_pay,master, paypal,shop_pay,venmo,visa
Solved! Go to the solution
This is an accepted solution.
@dreamtechzone_5 You have to open the product.liquid template or whatever template in your theme and find for the buy now button code after that you have to paste below 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="{{ 'amazon_payments' | payment_type_img_url }}" height="35" alt="amazon payments" />
<img src="{{ 'apple_pay' | payment_type_img_url }}" height="35" alt="apple pay" />
<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="{{ 'maestro' | payment_type_img_url }}" height="35" alt="maestro" />
<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>
After pasting just click on save button and check your product page, it will look like this-
This is an accepted solution.
@dreamtechzone_5 You have to open the product.liquid template or whatever template in your theme and find for the buy now button code after that you have to paste below 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="{{ 'amazon_payments' | payment_type_img_url }}" height="35" alt="amazon payments" />
<img src="{{ 'apple_pay' | payment_type_img_url }}" height="35" alt="apple pay" />
<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="{{ 'maestro' | payment_type_img_url }}" height="35" alt="maestro" />
<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>
After pasting just click on save button and check your product page, it will look like this-
Thank you, Sir. Please help me.
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025