Shopify themes, liquid, logos, and UX
Good afternoon, the best specialists!
My payment icons are not displayed.
In the settings - ok
I followed the Shopify instructions and completed the code, but icons were not displayed in the footer.
Please help me.
Web: https://overz.co/
Solved! Go to the solution
This is an accepted solution.
Sure, this is how it is now looking on my copy of your theme:
Is this ok? Do you want more spacing between footer menus and payment icons?
This is an accepted solution.
Nice I could be of help!
To take make my changes live, either publish my copy of the theme or copy Sections/footer.liquid from my theme to the live theme. Maybe second solution is best as I saw you where editing another copy of the theme...
Good luck with your store! You have a quite unique product and your pictures look great. I bet you will succeed!
Hi, follow this !
Enable payment icons in your footer
The first step of the customization is to enable the payment icons in your footer: Go to the theme editor. Click Footer. Check the Show payment icons checkbox. Click Save.
Edit the code for your payment icons
In this step, you will change the way that payment icons are assigned to your footer. 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. With this customization, you will manually add or remove the payment icons that you want to display.
To edit the code for your payment icons:
From your Shopify admin, go to Online Store > Themes.
Find the theme you want to edit, and then click Actions > Edit code.
In the Sections directory, click footer.liquid. If your theme doesn't include this file, then click theme.liquid in the Layout directory.
Find the following code in the file:
{% for type in shop.enabled_payment_types %}
Replace it with:
{% assign enabled_payment_types = 'visa,master,american_express,paypal' | remove: ' ' | split: ',' %}
{% for type in enabled_payment_types %}
I did as you said, but it didn't help.
@Airika_Bali I can request collaborator access to your store if you want and take a look. Let me know if you are ok with this
Good! How can I give you access?
I have requested access. You should have received an email
I hope you succeed, thank you for your help!
@Airika_Bali the reason for you payment icons not showing is that you commented out the html/liquid code that renders this icons.
Everything that you put between <!-- and --> is an html comment and will not be visible. Your comment starts on line 228 and ends on line 295 of your Sections/footer.liquid file.
I have remove this comment in the copy I made of your theme "Copy of Brooklyn by PeanutButter" and the icons are now visible:
I different matter would be where you want to place them and how you want them to look
You are a magician!
I am new to this business, help again.
Could you make the icons display correctly (centered) and remove the "arrow"
This is an accepted solution.
Sure, this is how it is now looking on my copy of your theme:
Is this ok? Do you want more spacing between footer menus and payment icons?
Wow, great! I am very happy! I wish you happiness, good luck!
This is an accepted solution.
Nice I could be of help!
To take make my changes live, either publish my copy of the theme or copy Sections/footer.liquid from my theme to the live theme. Maybe second solution is best as I saw you where editing another copy of the theme...
Good luck with your store! You have a quite unique product and your pictures look great. I bet you will succeed!
Hey!
I hope you can help me out somehow.
I enabled a third party payment option (coinpayments) for my online shop. The payment icons (Bitcoin, Ether and Dogecoin) also showed up. But now they're gone. I didn't change the "theme.liquid" or "footer.liquid" code tho.
I also can't find this code in the "footer.liquid" code: {% assign payment_icons_available =
Nor this: {% for type in shop.enabled_payment_types %}
It's just nowhere, only this - starting at line 16:
{%- if section.settings.show_payment_icons -%}
{%- unless shop.enabled_payment_types == empty -%}
{%- assign show_payment_icons = true -%}
{%- endunless -%}
{%- endif -%}"
Hope you can help me out! Have a nice week and stay healthy. 🙂
Kind Regards,
Dennis
Shop: www.nineteeskid.net
Screenshot:
Hello, can you help me with this? Mine is not visible now
Hi there
I have the same problem.
Can you help me?
i faced same issue but i have different theme can you help me?
As 2024 wraps up, the dropshipping landscape is already shifting towards 2025's trends....
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024In today’s interview, we sat down with @BSS-Commerce to discuss practical strategies f...
By JasonH Nov 13, 2024