Happening now | Office Hours: Customizing Your Theme With Moeed | Ask your questions now!

Add payment icons below the Add To Cart button on the product page ( Prestige Theme )

Solved

Add payment icons below the Add To Cart button on the product page ( Prestige Theme )

dreamtechzone_5
Shopify Partner
689 1 103

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

Portable-Mini-UFO-Negative-Ion-Air-Humidifier-03-10-2025_03_14_AM.png


I want to add the following payment icons.
american_express,apple_pay,diners_club,discover,google_pay,master, paypal,shop_pay,venmo,visa

Accepted Solution (1)

saim007
Shopify Partner
619 75 110

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-

 

saim007_0-1741612348811.png

 

Saim | Shopify Partner Expert

Was I helpful?

Buy me a Coffee

🙂
Hire me   to unlock the full potential of your e-commerce store 🙂

View solution in original post

Replies 2 (2)

saim007
Shopify Partner
619 75 110

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-

 

saim007_0-1741612348811.png

 

Saim | Shopify Partner Expert

Was I helpful?

Buy me a Coffee

🙂
Hire me   to unlock the full potential of your e-commerce store 🙂
dreamtechzone_5
Shopify Partner
689 1 103