How can I add a Klarna icon to the Empire theme footer?

Technical Q&A
1

Hello Everyone, I am using Empire Theme in my store.I have facing difficulties adding Klarna Icon in Footer next to all other payment icons. Can Somebody please guide me how can I add Klarna Icon at footer? Thanks

2

Hi @junaid2833 ,

Please send me the code of footer.liquid file, I will help you to check and add the code.

3

Hi There,

Thank you for contacting me,

I am Sending you the file please have a look.

regards,

Junaid.

{% comment %}Start automatically added Judge.me widget{% endcomment %} {% render 'judgeme_widgets', widget_type: 'judgeme_verified_reviews_count_badge', concierge_install: true, product: product %} {% comment %}End automatically added Judge.me widget{% endcomment %}

{% if section.blocks.size %}

{% render 'footer-block' for section.blocks as block %}
{% endif %}

{% if linklists[section.settings.additional_menu].links != blank %}

{% render 'navlist', menu_list: linklists[section.settings.additional_menu].links, depth: 1, max_depth: 1, aria_expanded: true, %} {% endif %}

{% assign year = 'now' | date: '%Y' %} {{ 'footer.general.copyright_html' | t: year: year, shop_name: shop.name }}

{{ powered_by_link }}

{%- assign country_selector = section.settings.show_currency_selector -%}
{%- assign locale_selector = section.settings.show_locale_selector -%}

{%- if section.settings.payment_icons or currency_selector or locale_selector -%}

{% comment %}Inject @pixelunion /shopify-cross-border/cross-border begin{% endcomment %}
{% if locale_selector and localization.available_languages.size > 1 %} {% comment %}Inject @pixelunion /shopify-cross-border/multi-language begin{% endcomment %} {% comment %} Generate a "random" number so ids are unique {% endcomment %} {% assign unique_id = "now" | date: "%N" | modulo: 1000 %} {%- form 'localization' -%}
{{ form.current_locale.endonym_name | capitalize }}
{% for locale in form.available_locales %}
{{ locale.endonym_name | capitalize }}
{% endfor %} {{ 'general.language.submit_button_label' | t }}
{%- endform -%}

{%- form ‘localization’ -%}

{{ 'general.language.dropdown_label' | t }}

<button
type=“button”
class=“disclosure__toggle”
aria-expanded=“false”
aria-controls=“lang-list-{{ unique_id }}”
aria-describedby=“lang-heading-{{ unique_id }}”
data-disclosure-toggle

{{ form.current_locale.endonym_name | capitalize }}

{%- endform -%} {% comment %}Inject @pixelunion /shopify-cross-border/multi-language end{% endcomment %}

{% endif %}

{% if country_selector and localization.available_countries.size > 1 %}
{% comment %}Inject @pixelunion /shopify-cross-border/multi-country begin{% endcomment %}
{% comment %} Generate a “random” number so ids are unique {% endcomment %}
{% assign unique_id = “now” | date: “%N” | modulo: 1000 %}

{%- form ‘localization’ -%}

{{ localization.country.name }} ({{ localization.country.currency.iso_code }}{% if localization.country.currency.symbol %}{{ localization.country.currency.symbol }}{% endif %})
{% for country in localization.available_countries %}
{{ country.name }} ({{ country.currency.iso_code }}{%- if country.currency.symbol -%} {{ country.currency.symbol }}{%- endif -%})
{% endfor %} {{ 'general.country.submit_button_label' | t }}
{%- endform -%}

{%- form ‘localization’ -%}

{{ 'general.country.dropdown_label' | t }}

<button
type=“button”
class=“disclosure__toggle”
aria-expanded=“false”
aria-controls=“country-list-{{ unique_id }}”
aria-describedby=“country-heading-{{ unique_id }}”
data-disclosure-toggle

{{ localization.country.name }}

({{ localization.country.currency.iso_code }}
{% if localization.country.currency.symbol %} {{ localization.country.currency.symbol }}{% endif %})

{%- endform -%} {% comment %}Inject @pixelunion /shopify-cross-border/multi-country end{% endcomment %}

{% endif %}

{% comment %}Inject @pixelunion /shopify-cross-border/cross-border end{% endcomment %}

{% if section.settings.payment_icons and shop.enabled_payment_types.size > 0 %}

    {% for type in shop.enabled_payment_types %}
  • {{ type | payment_type_svg_tag }}
    • {% endfor %}
{% endif %}
{%- endif -%}

{% schema %}
{
“name”: “Footer”,
“max_blocks”: 5,
“settings”: [
{
“type”: “header”,
“content”: “Payment icons”
},
{
“type”: “checkbox”,
“id”: “payment_icons”,
“label”: “Show payment icons”,
“default”: false
},
{
“type”: “header”,
“content”: “Language Selector”,
“info”: “To add a language, go to your language settings.”
},
{
“type”: “checkbox”,
“id”: “show_locale_selector”,
“label”: “Show language selector”,
“default”: true
},
{
“type”: “header”,
“content”: “Country Selector”,
“info”: “To add a country, go to your payment settings.”
},
{
“type”: “checkbox”,
“id”: “show_currency_selector”,
“label”: “Show country selector”,
“default”: true
},
{
“type”: “header”,
“content”: “Additional menu”
},
{
“type”: “link_list”,
“id”: “additional_menu”,
“label”: “Menu”,
“default”: “footer”,
“info”: “This menu won’t show dropdown items.”
}
],
“blocks”: [
{
“type”: “menu”,
“name”: “Menu”,
“settings”: [
{
“type”: “link_list”,
“id”: “menu”,
“label”: “Menu”,
“default”: “main-menu”,
“info”: “This menu won’t show dropdown items.”
}
]
},
{
“type”: “rich_text”,
“name”: “Rich text”,
“settings”: [
{
“type”: “text”,
“id”: “title”,
“label”: “Heading”,
“default”: “Rich text”
},
{
“type”: “richtext”,
“id”: “text”,
“label”: “Text”,
“default”: “

Use this section to welcome customers to your store, say a bit about your brand, or share news and seasonal promotions.

”
}
]
},
{
“type”: “social_accounts”,
“name”: “Social accounts”,
“limit”: 1,
“settings”: [
{
“type”: “paragraph”,
“content”: “Social links can be managed in your General settings.”
}
]
},
{
“type”: “newsletter”,
“name”: “Newsletter”,
“limit”: 1,
“settings”: [
{
“type”: “text”,
“id”: “title”,
“label”: “Heading”,
“default”: “Subscribe”
},
{
“type”: “richtext”,
“id”: “text”,
“label”: “Text”,
“default”: “

Invite customers to join your mailing list.

”
}
]
}
],
“default”: {
“settings”: {
“additional_menu”: “footer”
},
“blocks”: [
{
“type”: “menu”,
“settings”: {}
},
{
“type”: “newsletter”,
“settings”: {}
}
]
}
}

{% endschema %}

4

Hi @junaid2833 ,

Please follow these steps:

  • Step 1: Go to Online store > Themes > Actions > Edit code.

  • Step 2: Go to Assets > Add a new asset > Upload a file. Please upload payment files with the name structure: ‘payment-klarna.svg’

  • Step 3: Go to Sections > footer.liquid, find ‘payment_type_svg_tag’ and add code here:

Screenshot.png
Screenshot.png1073×584 40.2 KB

Code:

-

Hope it helps!