How can I add a small footer image to the Empire theme?

Solved

How can I add a small footer image to the Empire theme?

HomeNest
Tourist
5 0 1

Hi,

I want to add the a image with the payment method  (Netopia) to my Empire theme footer, however I did see  any option to upload the file/image.
Can you share some suggestions/recommandations on how to do this change in the code?

Many thanks in advance,
HomeNest

 

 

 

 

 

Accepted Solution (1)

saim007
Shopify Partner
611 75 106

This is an accepted solution.

@HomeNest You have to just copy and paste below code in your theme.liquid file above </body> tag

 

<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>

 All payment methods images will show in the footer, you can also change the image with your payment partner just changing the image URL in <img src="URL HERE">

 

Please let me know if works and mark as solve!

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
611 75 106

This is an accepted solution.

@HomeNest You have to just copy and paste below code in your theme.liquid file above </body> tag

 

<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>

 All payment methods images will show in the footer, you can also change the image with your payment partner just changing the image URL in <img src="URL HERE">

 

Please let me know if works and mark as solve!

Saim | Shopify Partner Expert

Was I helpful?

Buy me a Coffee

🙂
Hire me   to unlock the full potential of your e-commerce store 🙂
HomeNest
Tourist
5 0 1

Thanks for the response! It worked!