Solved

How to show Klarna second in the payments accepted in footer

meeko
Excursionist
36 0 2

Hey everyone,

 

How do I move the "Klarna" badge in my footer in-between the Afterpay symbol and the Amex symbol in the footer?

I've attached a screenshot with a red arrow where I want the symbol moved to.

Footer.png

 

Please see my current footer.liquid code:

 

<div class="footer__column footer__column--info">
{%- if section.settings.payment_enable -%}
<div class="footer__payment">
<span class="visually-hidden">{{ 'sections.footer.payment' | t }}</span>
<ul class="list list-payment" role="list">

{% assign enabled_payment_types = "afterpay" | concat: shop.enabled_payment_types %}
{% for type in enabled_payment_types %}


<li class="list-payment__item">
{{ type | payment_type_svg_tag: class: 'icon icon--full-color' }}
</li>
{%- endfor -%}
<li class="list-payment__item">
{{ "klarna" | payment_type_svg_tag: class: 'icon icon--full-color' }}

</li>
</ul>
</div>
{%- endif -%}

 

Accepted Solution (1)

Litos
Globetrotter
688 169 143

This is an accepted solution.

Hi @meeko,

Please change all code:

<div class="footer__column footer__column--info">
{%- if section.settings.payment_enable -%}
<div class="footer__payment">
<span class="visually-hidden">{{ 'sections.footer.payment' | t }}</span>
<ul class="list list-payment" role="list">

{% assign enabled_payment_types = "afterpay" | concat: shop.enabled_payment_types %}
{% for type in enabled_payment_types %}

{% if type == 'american_express' %}
<li class="list-payment__item">
{{ "klarna" | payment_type_svg_tag: class: 'icon icon--full-color' }}
</li>
{% endif %}
<li class="list-payment__item">
{{ type | payment_type_svg_tag: class: 'icon icon--full-color' }}
</li>
{%- endfor -%}
</ul>
</div>
{%- endif -%}

Hope it helps!

Litos - Shopify Development Service Provider
Need to develop or customize your Shopify store, feel free to contact us here.

View solution in original post

Reply 1 (1)

Litos
Globetrotter
688 169 143

This is an accepted solution.

Hi @meeko,

Please change all code:

<div class="footer__column footer__column--info">
{%- if section.settings.payment_enable -%}
<div class="footer__payment">
<span class="visually-hidden">{{ 'sections.footer.payment' | t }}</span>
<ul class="list list-payment" role="list">

{% assign enabled_payment_types = "afterpay" | concat: shop.enabled_payment_types %}
{% for type in enabled_payment_types %}

{% if type == 'american_express' %}
<li class="list-payment__item">
{{ "klarna" | payment_type_svg_tag: class: 'icon icon--full-color' }}
</li>
{% endif %}
<li class="list-payment__item">
{{ type | payment_type_svg_tag: class: 'icon icon--full-color' }}
</li>
{%- endfor -%}
</ul>
</div>
{%- endif -%}

Hope it helps!

Litos - Shopify Development Service Provider
Need to develop or customize your Shopify store, feel free to contact us here.