How can I add a UPI payment icon to my store footer?

[varcai]

Hi, 
Can anyone guide me on how can i get a payment options icon in my store footer. 
Mainly UPI.

[saim007]

Hi @varcai  You can just copy and paste below CSS code in theme.liquid file above the </body> tag to show icons -

<style>
      .methods-of-payment img { padding: 0.2em; }
      .lt-ie9 .methods-of-payment, .ie8 .methods-of-payment, .oldie .methods-of-payment { display: none; }
    </style>
    <p style="text-align: center; font-weight: 800; font-size: 20px; margin-bottom: 15px;">Payment Methods</p>
    <span class="methods-of-payment" style="width: 50%; display: table; margin: 0 auto; text-align: center;">
      <img src="{{ 'amazon_payments' | payment_type_img_url }}" height="50" alt="amazon payments">
      <img src="{{ 'apple_pay' | payment_type_img_url }}" height="50" alt="apple pay">
      <img src="{{ 'american_express' | payment_type_img_url }}" height="50" alt="american express">
      <img src="{{ 'bitcoin' | payment_type_img_url }}" height="50" alt="bitcoin">
      <img src="{{ 'dankort' | payment_type_img_url }}" height="50" alt="dankort">
      <img src="{{ 'diners_club' | payment_type_img_url }}" height="50" alt="diners club">
      <img src="{{ 'discover' | payment_type_img_url }}" height="50" alt="discover">
      <img src="{{ 'dogecoin' | payment_type_img_url }}" height="50" alt="dogecoin">
      <img src="{{ 'dwolla' | payment_type_img_url }}" height="50" alt="dwolla">
      <img src="{{ 'forbrugsforeningen' | payment_type_img_url }}" height="50" alt="forbrugsforeningen">
      <img src="{{ 'jcb' | payment_type_img_url }}" height="50" alt="jcb">
      <img src="{{ 'litecoin' | payment_type_img_url }}" height="50" alt="litecoin">
      <img src="{{ 'maestro' | payment_type_img_url }}" height="50" alt="maestro">
      <img src="{{ 'master' | payment_type_img_url }}" height="50" alt="master">
      <img src="{{ 'paypal' | payment_type_img_url }}" height="50" alt="paypal">
      <img src="{{ 'visa' | payment_type_img_url }}" height="50" alt="visa">
    </span>

It will show all payment methods icons if you want to add UPI icon then just upload UPI icon in your Shopify store copy URL of the icon and just put like this-

<img src="url" height="50" alt="UPI">

Just paste the icon url in src="paste here"

Please let me know if works and mark as solve!

[Jean-h]

helllo can you show a screenshot where to paste the code?

I want the icons of the Mollie payments to show in my footer

[saim007]

@Jean-h First you have to get the Mollie payment icon and then paste the image link in this img url the code is 

<img src="enter your mollie payment icon image url here" height="50" alt="UPI">

add above code in your theme.liquid file before </body> tag close. that's it!