How do I change a single footer payment icon?

Highlighted
Excursionist
20 0 8

Hi,

 

I need to change a single payment icon in my footer.

 

I'm currently using the code:

 

{% if section.settings.show_payment_icons %}
      {% unless shop.enabled_payment_types == empty %}
        <ul class="inline-list payment-icons">
          {% assign enabled_payment_types = 'visa,master,american_express,apple_pay,google_pay,clearpay,klarna,laybuy,paypal' | remove: ' ' | split: ',' %}
{% for type in enabled_payment_types %}
            <li class="icon--payment">
              {{ type | payment_type_svg_tag: class:'icon icon--full-color' }}
            </li>
          {% endfor %}
        </ul>
      {% endunless %}
    {% endif %}

 

I want to change the laybuy icon as it's not the correct company.

 

I have uploaded the image to my asset folder but I do not know how to implement it.

 

https://cdn.shopify.com/s/files/1/0352/4044/4035/t/20/assets/laybuy-footer.png?v=1585746992 

 

My website url is: https://babyesmee.co.uk 

 

Any help would be appreciated!

 

Thanks,

Chris

1 Like
Highlighted
Shopify Partner
2586 332 645

Hello, @ChrisBeattie 

Thanks for post.
i have checked your store, sorry but i have not able to your comment code in the website, current code simply easy just change IMG ulr 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Excursionist
20 0 8

Hi,

 

Thanks for the reply, but I've solved my problem by turning off the footer icons within my theme customizer, then adding the following code in my footer.liquid file:

 

<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">
  <p class="footer__small-text">
  <img src="{{ 'visa' | payment_type_img_url }}" height="35" alt="visa" />
  <img src="{{ 'master' | payment_type_img_url }}" height="35" alt="master" /> 
  <img src="{{ 'maestro' | payment_type_img_url }}" height="35" alt="maestro" />
  <img src="{{ 'american_express' | payment_type_img_url }}" height="35" alt="american express" />
  <img src="https://cdn.shopify.com/s/files/1/0352/4044/4035/t/20/assets/Apple_Pay_Footer_IconV1.png?v=1585763157" height="35" alt="apple pay" />
  <img src="{{ 'google_pay' | payment_type_img_url }}" height="35" alt="google pay" />
  <img src="{{ 'clearpay' | payment_type_img_url }}" height="35" alt="clearpay" />
  <img src="{{ 'klarna' | payment_type_img_url }}" height="35" alt="klarna" />
  <img src="https://cdn.shopify.com/s/files/1/0352/4044/4035/t/20/assets/Footer_190x120px-Logo-V2.png?v=1585763165" height="35" alt="laybuy" />
  <img src="{{ 'paypal' | payment_type_img_url }}" height="35" alt="paypal" />
  
</span>

 Now I can change or add any one I want quickly.

0 Likes
Highlighted
Shopify Partner
2586 332 645

Thanks for code
can you please update 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">
  <p class="footer__small-text">
  <img src="{{ 'visa' | payment_type_img_url }}" height="35" alt="visa" />
  <img src="{{ 'master' | payment_type_img_url }}" height="35" alt="master" /> 
  <img src="{{ 'maestro' | payment_type_img_url }}" height="35" alt="maestro" />
  <img src="{{ 'american_express' | payment_type_img_url }}" height="35" alt="american express" />
  <img src="https://cdn.shopify.com/s/files/1/0352/4044/4035/t/20/assets/Apple_Pay_Footer_IconV1.png?v=1585763157" height="35" alt="apple pay" />
  <img src="{{ 'google_pay' | payment_type_img_url }}" height="35" alt="google pay" />
  <img src="{{ 'clearpay' | payment_type_img_url }}" height="35" alt="clearpay" />
<img src="{{ 'laybuy-footer.png' | asset_url }}" height="35" alt="klarna"/>
  <img src="https://cdn.shopify.com/s/files/1/0352/4044/4035/t/20/assets/Footer_190x120px-Logo-V2.png?v=1585763165" height="35" alt="laybuy" />
  <img src="{{ 'paypal' | payment_type_img_url }}" height="35" alt="paypal" />
  
</span>

if you have any issue let m know 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes