Why aren't my payment icons displaying on the footer page?

Solved

Why aren't my payment icons displaying on the footer page?

Chutipat
New Member
7 0 0

Does anyone know how to show payment icons on footer page

 

 

Screen Shot 2565-06-22 at 15.02.35.png

Accepted Solution (1)
francesco_gs
Shopify Partner
73 6 10

This is an accepted solution.

hi @Chutipat the issue is with that unless shop.enabled_payment_types wrapper,

it seems that you haven't any payment methods available at the moment.

Override temporarily it in order to display the custom icons !

View solution in original post

Replies 16 (16)

francesco_gs
Shopify Partner
73 6 10

hi @Chutipat 

seems strange, do you have some payment method enabled in your admin?

Can you see the icons on frontend after refreshing the pages?

Let me know about these ones

You could also take a look at the relative support article about payment icons

Chutipat
New Member
7 0 0

Hi Francesco_gs

Payment providers is already setup and active status

 

Screen Shot 2565-06-22 at 15.27.56.png

francesco_gs
Shopify Partner
73 6 10

Great, noted.

Maybe this gateway is missing the payment icons, as it seems from the official support article

By default, your theme shows the icons that are associated with the payment gateway you have enabled in the payment settings section of your admin and that are available for the current customer's region and currency. With this customization, you will manually add or remove the payment icons that you want to display.

 

Maybe you could just override the automatic population of icons and do it manually as suggested by the article, so find in footer.liquid this line

 

{% for type in shop.enabled_payment_types %}

 

and replace it with

 

{% assign enabled_payment_types = 'visa,master,american_express,paypal' | remove: ' ' | split: ',' %}
{% for type in enabled_payment_types %}

 

 

and you can replace the list of card with all these accepted values

- afterpay - american_express - apple_pay - bitcoin - dankort - diners_club - discover - dogecoin - dwolla - facebook_pay - forbrugsforeningen - google_pay - ideal - jcb - klarna - klarna-pay-later - litecoin - maestro - master - paypal - shopify_pay - sofort - visa

Chutipat
New Member
7 0 0

I try to find this code "{% for type in shop.enabled_payment_types %}" in my footer.liquid file, but it does not have in my footer.liquid file.

francesco_gs
Shopify Partner
73 6 10

Well, this explains a lot 😄
do you have this tag in the theme.liquid?
Also, on which theme are you on ?

Chutipat
New Member
7 0 0

Don't have that tag in theme.liquid file , My theme is "Expanse"

francesco_gs
Shopify Partner
73 6 10

Could you share with me in private your footer.liquid code ?

Chutipat
New Member
7 0 0

Sure, I will sent to your message

francesco_gs
Shopify Partner
73 6 10

hi @Chutipat as checked in private, the correct position of the for iteration tag of payment icons is in the footer-payments.liquid snippet rendered into the footer.liquid section

You can edit the for in that position!

Chutipat
New Member
7 0 0

Thank you for your suggest. But I try to replace that code it still not showing.

 

Screen Shot 2565-06-22 at 17.00.47.png

 

Screen Shot 2565-06-22 at 17.01.45.png

francesco_gs
Shopify Partner
73 6 10

This is an accepted solution.

hi @Chutipat the issue is with that unless shop.enabled_payment_types wrapper,

it seems that you haven't any payment methods available at the moment.

Override temporarily it in order to display the custom icons !

Chutipat
New Member
7 0 0

Thank you so much! Francesco , Really appreciate you for help me.

NaitikGupta
Shopify Partner
1 0 0

How to override it? I am facing the same issue

Zee88
Visitor
1 0 0

Zee88_0-1699862417390.png

Please help me with mine? 

LisseStitch
New Member
9 0 0

Hey Francesco can you please help me as well coz im facing the same problem 

epykgifts
Visitor
1 0 0

Hi, Is there a way to add custom icons and assign a value to them which are not among the accepted values?