New Shopify Certification now available: Liquid Storefronts for Theme Developers

Payment Option Icon In Footer

varcai
Visitor
1 0 0

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

Reply 1 (1)
sandyparihar07
Shopify Partner
324 46 56

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!

Sandeep Parihar | Shopify Partner
- Was my reply helpful? Click Like to let me know!
- I reply you to solve the problem? If solved the tag to solve please
- Hire me, if you want to design, re-design, develop a store, or made any changes to the pre-built store.