Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
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
Solved! Go to the solution
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!
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!
Thanks for the response! It worked!
Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025