Shopify themes, liquid, logos, and UX
Hello guys, a starter here.
Currently I'm struggling with code to add payment methods to my footer page. Basically I went on and found a code that i needed to replace. Which was this one:
{% for type in shop.enabled_payment_types %}
Replaced it with: {% assign enabled_payment_types = 'visa,master,american_express,paypal,google_pay,apple_pay,diners_club,discover' | remove: ' ' | split: ',' %} {% for type in enabled_payment_types %}
And it applied to my code, but still is not showing the payment methods within the footer line.
I would greatly appreciate if someone has a solution to my problem!
Thanks in advance guys!
Solved! Go to the solution
This is an accepted solution.
Ok
At the very top of the footer.liquid template you should find this piece of code:
{%- assign social_icons = false -%}
{%- assign inline_list = false -%}
{%- assign locale_selector = false -%}
{%- assign country_selector = false -%}
{%- assign show_payment_icons = false -%}
{%- assign show_selectors = false -%}
Change the {%- assign show_payment_icons = false -%} to {%- assign show_payment_icons = true -%} and see if this solves it.
If you still can't see the icons I ask you to paste here all the code in your footer.liquid template, because from the code I see on the screeshot everything is correct!
Let me know if this works!
Marco
Hi Warbound!
Can you share all the code in your footer template where you replaced the code?
Here you go, this is for Debut theme if it helps.
Thanks for the code!
The code you replaced is correct.
Have you enabled the setting on the theme editor to show the payment icons?
If you do not activate the setting on the editor then the icons will not show up on your footer. To enable it open the theme editor by going to Online Store -> Customize (on the Debut theme) then click on the footer section and you will see the settings in the screenshot above.
Let me know if this helps!
It is enabled, forgot to mention that, apologies.
What else could be the problem?
This is an accepted solution.
Ok
At the very top of the footer.liquid template you should find this piece of code:
{%- assign social_icons = false -%}
{%- assign inline_list = false -%}
{%- assign locale_selector = false -%}
{%- assign country_selector = false -%}
{%- assign show_payment_icons = false -%}
{%- assign show_selectors = false -%}
Change the {%- assign show_payment_icons = false -%} to {%- assign show_payment_icons = true -%} and see if this solves it.
If you still can't see the icons I ask you to paste here all the code in your footer.liquid template, because from the code I see on the screeshot everything is correct!
Let me know if this works!
Marco
It works!
Thanks alot, really appreciate you!
Best Regards Warbound
Hi. This didn't work for me. None of this is showing at the top of the footer.liquid
I have Payment Methods enabled, but don't see the option to change its colors. The theme I'm using is Minimal. Please help.
@MarcoReleasit Thanks, it worked for me as well but only in desktop version. For some reason my mobile version still doesn't show icons 😕 Could you maybe have a look at it? Thanks
lemonville.store
Pass: flowxe
Hi Marco,
I followed the instructions but still I have no icons displayed. For some reason, the only displayed icon is PayPal. Here is the code from Footer liquid. Thanks a bunch.
{% if section.settings.payment_icon_enable %}
{%- assign show_payment_icons = true -%}
<div class="payment-icon mt-40">
<ul class="list list-payment d-flex justify-content-end" role="list">
{%- for type in shop.enabled_payment_types -%}
<li class="list-payment__item">
{{ type | payment_type_svg_tag: class: 'icon icon--full-color' }}
</li>
{%- endfor -%}
</ul>
</div>
{% endif %}
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024