Klarna logo doesn't show in footer

[brandbuilding]

All the other payment processors show except Klarna. Is there a way to fix this? As Klarna converts the most. 

Using sense theme Shopify 2.0

 

[KetanKumar]

@brandbuilding 

can you please send footer section code

[brandbuilding]

{% comment %}theme-check-disable UndefinedObject{% endcomment %}
{{ 'section-footer.css' | asset_url | stylesheet_tag }}
<link rel="stylesheet" href="{{ 'component-newsletter.css' | asset_url }}" media="print" onload="this.media='all'">
<link rel="stylesheet" href="{{ 'component-list-menu.css' | asset_url }}" media="print" onload="this.media='all'">
<link rel="stylesheet" href="{{ 'component-list-payment.css' | asset_url }}" media="print" onload="this.media='all'">
<link rel="stylesheet" href="{{ 'component-list-social.css' | asset_url }}" media="print" onload="this.media='all'">
<link rel="stylesheet" href="{{ 'component-rte.css' | asset_url }}" media="print" onload="this.media='all'">
<link rel="stylesheet" href="{{ 'disclosure.css' | asset_url }}" media="print" onload="this.media='all'">

<noscript>{{ 'component-newsletter.css' | asset_url | stylesheet_tag }}</noscript>
<noscript>{{ 'component-list-menu.css' | asset_url | stylesheet_tag }}</noscript>
<noscript>{{ 'component-list-payment.css' | asset_url | stylesheet_tag }}</noscript>
<noscript>{{ 'component-list-social.css' | asset_url | stylesheet_tag }}</noscript>
<noscript>{{ 'component-rte.css' | asset_url | stylesheet_tag }}</noscript>
<noscript>{{ 'disclosure.css' | asset_url | stylesheet_tag }}</noscript>

{%- style -%}
.footer {
margin-top: {{ section.settings.margin_top | times: 0.75 | round: 0 }}px;
}

.section-{{ section.id }}-padding {
padding-top: {{ section.settings.padding_top | times: 0.75 | round: 0 }}px;
padding-bottom: {{ section.settings.padding_bottom | times: 0.75 | round: 0 }}px;
}

@media screen and (min-width: 750px) {
.footer {
margin-top: {{ section.settings.margin_top }}px;
}

.section-{{ section.id }}-padding {
padding-top: {{ section.settings.padding_top }}px;
padding-bottom: {{ section.settings.padding_bottom }}px;
}
}
{%- endstyle -%}

<footer class="footer color-{{ section.settings.color_scheme }} gradient section-{{ section.id }}-padding">
{%- if section.blocks.size > 0 or section.settings.newsletter_enable or section.settings.show_social -%}
<div class="footer__content-top page-width">
{%- if section.blocks.size > 0 -%}
{%- liquid
if section.blocks.size == 9
assign footer_grid_class = 'grid--3-col-tablet'
elsif section.blocks.size > 6
assign footer_grid_class = 'grid--4-col-desktop'
elsif section.blocks.size > 4
assign footer_grid_class = 'grid--3-col-tablet'
endif
-%}
<div class="footer__blocks-wrapper grid grid--1-col grid--2-col grid--4-col-tablet {{ footer_grid_class }}">
{%- for block in section.blocks -%}
<div class="footer-block grid__item{% if block.type == 'link_list' and block.settings.heading != blank %} footer-block--menu{% endif %}" {{ block.shopify_attributes }}>
{%- if block.settings.heading != blank -%}
<h2 class="footer-block__heading">{{- block.settings.heading | escape -}}</h2>
{%- endif -%}

{%- case block.type -%}
{%- when 'text' -%}
<div class="footer-block__details-content rte">
{{ block.settings.subtext }}
</div>
{%- when 'link_list' -%}
{%- if block.settings.menu != blank and block.settings.heading != blank -%}
<ul class="footer-block__details-content list-unstyled">
{%- for link in block.settings.menu.links -%}
<li>
<a href="{{ link.url }}" class="link link--text list-menu__item list-menu__item--link{% if link.active %} list-menu__item--active{% endif %}">
{{ link.title }}
</a>
</li>
{%- endfor -%}
</ul>
{%- endif -%}
{%- when 'image' -%}
<div class="footer-block__details-content footer-block-image {{ block.settings.alignment }}">
{%- if block.settings.image != blank -%}
{%- assign image_size_2x = block.settings.image_width | times: 2 | at_most: 5760 -%}
<img
srcset= "{{ block.settings.image | image_url: width: block.settings.image_width }}, {{ block.settings.image | image_url: width: image_size_2x }} 2x"
src="{{ block.settings.image | image_url: width: 400 }}"
alt="{{ block.settings.image.alt | escape }}"
loading="lazy"
width="{{ block.settings.image.width }}"
height="{{ block.settings.image.height }}"
style="max-width: min(100%, {{ block.settings.image_width }}px);"
>
{%- else -%}
{{ 'image' | placeholder_svg_tag: 'placeholder-svg placeholder' }}
{%- endif -%}
</div>
{%- endcase -%}
</div>
{%- endfor -%}
</div>
{%- endif -%}

<div class="footer-block--newsletter">
{%- if section.settings.newsletter_enable -%}
<div class="footer-block__newsletter">
{%- if section.settings.newsletter_heading != blank -%}
<h2 class="footer-block__heading">{{ section.settings.newsletter_heading | escape }}</h2>
{%- endif -%}
{%- form 'customer', id: 'ContactFooter', class: 'footer__newsletter newsletter-form' -%}
<input type="hidden" name="contact[tags]" value="newsletter">
<div class="newsletter-form__field-wrapper">
<div class="field">
<input
id="NewsletterForm--{{ section.id }}"
type="email"
name="contact[email]"
class="field__input"
value="{{ form.email }}"
aria-required="true"
autocorrect="off"
autocapitalize="off"
autocomplete="email"
{% if form.errors %}
autofocus
aria-invalid="true"
aria-describedby="ContactFooter-error"
{% elsif form.posted_successfully? %}
aria-describedby="ContactFooter-success"
{% endif %}
placeholder="{{ 'newsletter.label' | t }}"
required
>
<label class="field__label" for="NewsletterForm--{{ section.id }}">
{{ 'newsletter.label' | t }}
</label>
<button type="submit" class="newsletter-form__button field__button" name="commit" id="Subscribe" aria-label="{{ 'newsletter.button_label' | t }}">
{% render 'icon-arrow' %}
</button>
</div>
{%- if form.errors -%}
<small class="newsletter-form__message form__message" id="ContactFooter-error">{% render 'icon-error' %}{{ form.errors.translated_fields['email'] | capitalize }} {{ form.errors.messages['email'] }}</small>
{%- endif -%}
</div>
{%- if form.posted_successfully? -%}
<h3 class="newsletter-form__message newsletter-form__message--success form__message" id="ContactFooter-success" tabindex="-1" autofocus>{% render 'icon-success' %}{{ 'newsletter.success' | t }}</h3>
{%- endif -%}
{%- endform -%}
</div>
{%- endif -%}

{%- if section.settings.show_social -%}
<ul class="footer__list-social list-unstyled list-social" role="list">
{%- if settings.social_twitter_link != blank -%}
<li class="list-social__item">
<a href="{{ settings.social_twitter_link }}" class="link list-social__link" >
{%- render 'icon-twitter' -%}
<span class="visually-hidden">{{ 'general.social.links.twitter' | t }}</span>
</a>
</li>
{%- endif -%}
{%- if settings.social_facebook_link != blank -%}
<li class="list-social__item">
<a href="{{ settings.social_facebook_link }}" class="link list-social__link" >
{%- render 'icon-facebook' -%}
<span class="visually-hidden">{{ 'general.social.links.facebook' | t }}</span>
</a>
</li>
{%- endif -%}
{%- if settings.social_pinterest_link != blank -%}
<li class="list-social__item">
<a href="{{ settings.social_pinterest_link }}" class="link list-social__link" >
{%- render 'icon-pinterest' -%}
<span class="visually-hidden">{{ 'general.social.links.pinterest' | t }}</span>
</a>
</li>
{%- endif -%}
{%- if settings.social_instagram_link != blank -%}
<li class="list-social__item">
<a href="{{ settings.social_instagram_link }}" class="link list-social__link" >
{%- render 'icon-instagram' -%}
<span class="visually-hidden">{{ 'general.social.links.instagram' | t }}</span>
</a>
</li>
{%- endif -%}
{%- if settings.social_tiktok_link != blank -%}
<li class="list-social__item">
<a href="{{ settings.social_tiktok_link }}" class="link list-social__link" >
{%- render 'icon-tiktok' -%}
<span class="visually-hidden">{{ 'general.social.links.tiktok' | t }}</span>
</a>
</li>
{%- endif -%}
{%- if settings.social_tumblr_link != blank -%}
<li class="list-social__item">
<a href="{{ settings.social_tumblr_link }}" class="link list-social__link" >
{%- render 'icon-tumblr' -%}
<span class="visually-hidden">{{ 'general.social.links.tumblr' | t }}</span>
</a>
</li>
{%- endif -%}
{%- if settings.social_snapchat_link != blank -%}
<li class="list-social__item">
<a href="{{ settings.social_snapchat_link }}" class="link list-social__link" >
{%- render 'icon-snapchat' -%}
<span class="visually-hidden">{{ 'general.social.links.snapchat' | t }}</span>
</a>
</li>
{%- endif -%}
{%- if settings.social_youtube_link != blank -%}
<li class="list-social__item">
<a href="{{ settings.social_youtube_link }}" class="link list-social__link" >
{%- render 'icon-youtube' -%}
<span class="visually-hidden">{{ 'general.social.links.youtube' | t }}</span>
</a>
</li>
{%- endif -%}
{%- if settings.social_vimeo_link != blank -%}
<li class="list-social__item">
<a href="{{ settings.social_vimeo_link }}" class="link list-social__link" >
{%- render 'icon-vimeo' -%}
<span class="visually-hidden">{{ 'general.social.links.vimeo' | t }}</span>
</a>
</li>
{%- endif -%}
</ul>
{%- endif -%}
</div>
</div>
{%- endif -%}

<div class="footer__content-bottom">
<div class="footer__content-bottom-wrapper page-width">
<div class="footer__column footer__localization isolate">
{%- if section.settings.enable_country_selector and localization.available_countries.size > 1 -%}
<noscript>
{%- form 'localization', id: 'FooterCountryFormNoScript', class: 'localization-form' -%}
<div class="localization-form__select">
<h2 class="visually-hidden" id="FooterCountryLabelNoScript">{{ 'localization.country_label' | t }}</h2>
<select class="localization-selector link" name="country_code" aria-labelledby="FooterCountryLabelNoScript">
{%- for country in localization.available_countries -%}
<option value="{{ country.iso_code }}" {%- if country.iso_code == localization.country.iso_code %} selected{% endif %}>
{{ country.name }} ({{ country.currency.iso_code }} {{ country.currency.symbol }})
</option>
{%- endfor -%}
</select>
{% render 'icon-caret' %}
</div>
<button class="button button--tertiary">{{ 'localization.update_country' | t }}</button>
{%- endform -%}
</noscript>
<localization-form>
{%- form 'localization', id: 'FooterCountryForm', class: 'localization-form' -%}
<div class="no-js-hidden">
<h2 class="caption-large text-body" id="FooterCountryLabel">{{ 'localization.country_label' | t }}</h2>
<div class="disclosure">
<button type="button" class="disclosure__button localization-form__select localization-selector link link--text caption-large" aria-expanded="false" aria-controls="FooterCountryList" aria-describedby="FooterCountryLabel">
{{ localization.country.name }} ({{ localization.country.currency.iso_code }} {{ localization.country.currency.symbol }})
{% render 'icon-caret' %}
</button>
<div class="disclosure__list-wrapper" hidden>
<ul id="FooterCountryList" role="list" class="disclosure__list list-unstyled">
{%- for country in localization.available_countries -%}
<li class="disclosure__item" tabindex="-1">
<a class="link link--text disclosure__link caption-large{% if country.iso_code == localization.country.iso_code %} disclosure__link--active{% endif %} focus-inset" href="#"{% if country.iso_code == localization.country.iso_code %} aria-current="true"{% endif %} data-value="{{ country.iso_code }}">
{{ country.name }} <span class="localization-form__currency">({{ country.currency.iso_code }} {{ country.currency.symbol }})</span>
</a>
</li>
{%- endfor -%}
</ul>
</div>
</div>
<input type="hidden" name="country_code" value="{{ localization.country.iso_code }}">
</div>
{%- endform -%}
</localization-form>
{%- endif -%}

{%- if section.settings.enable_language_selector and localization.available_languages.size > 1 -%}
<noscript>
{%- form 'localization', id: 'FooterLanguageFormNoScript', class: 'localization-form' -%}
<div class="localization-form__select">
<h2 class="visually-hidden" id="FooterLanguageLabelNoScript">{{ 'localization.language_label' | t }}</h2>
<select class="localization-selector link" name="locale_code" aria-labelledby="FooterLanguageLabelNoScript">
{%- for language in localization.available_languages -%}
<option value="{{ language.iso_code }}" lang="{{ language.iso_code }}" {%- if language.iso_code == localization.language.iso_code %} selected{% endif %}>
{{ language.endonym_name | capitalize }}
</option>
{%- endfor -%}
</select>
{% render 'icon-caret' %}
</div>
<button class="button button--tertiary">{{ 'localization.update_language' | t }}</button>
{%- endform -%}
</noscript>

<localization-form>
{%- form 'localization', id: 'FooterLanguageForm', class: 'localization-form' -%}
<div class="no-js-hidden">
<h2 class="caption-large text-body" id="FooterLanguageLabel">{{ 'localization.language_label' | t }}</h2>
<div class="disclosure">
<button type="button" class="disclosure__button localization-form__select localization-selector link link--text caption-large" aria-expanded="false" aria-controls="FooterLanguageList" aria-describedby="FooterLanguageLabel">
{{ localization.language.endonym_name | capitalize }}
{% render 'icon-caret' %}
</button>
<div class="disclosure__list-wrapper" hidden>
<ul id="FooterLanguageList" role="list" class="disclosure__list list-unstyled">
{%- for language in localization.available_languages -%}
<li class="disclosure__item" tabindex="-1">
<a class="link link--text disclosure__link caption-large{% if language.iso_code == localization.language.iso_code %} disclosure__link--active{% endif %} focus-inset" href="#" hreflang="{{ language.iso_code }}" lang="{{ language.iso_code }}"{% if language.iso_code == localization.language.iso_code %} aria-current="true"{% endif %} data-value="{{ language.iso_code }}">
{{ language.endonym_name | capitalize }}
</a>
</li>
{%- endfor -%}
</ul>
</div>
</div>
<input type="hidden" name="locale_code" value="{{ localization.language.iso_code }}">
</div>
{%- endform -%}
</localization-form>
{%- endif -%}
</div>
<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">
{%- 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 -%}
<div class="footer__copyright caption">
<small class="copyright__content">&copy; {{ 'now' | date: "%Y" }}, {{ shop.name | link_to: routes.root_url }}</small>
<small class="copyright__content">{{ powered_by_link }}</small>
</div>
</div>
</div>
</div>
</footer>

{% javascript %}
class LocalizationForm extends HTMLElement {
constructor() {
super();
this.elements = {
input: this.querySelector('input[name="locale_code"], input[name="country_code"]'),
button: this.querySelector('button'),
panel: this.querySelector('.disclosure__list-wrapper'),
};
this.elements.button.addEventListener('click', this.openSelector.bind(this));
this.elements.button.addEventListener('focusout', this.closeSelector.bind(this));
this.addEventListener('keyup', this.onContainerKeyUp.bind(this));

this.querySelectorAll('a').forEach(item => item.addEventListener('click', this.onItemClick.bind(this)));
}

hidePanel() {
this.elements.button.setAttribute('aria-expanded', 'false');
this.elements.panel.setAttribute('hidden', true);
}

onContainerKeyUp(event) {
if (event.code.toUpperCase() !== 'ESCAPE') return;

this.hidePanel();
this.elements.button.focus();
}

onItemClick(event) {
event.preventDefault();
const form = this.querySelector('form');
this.elements.input.value = event.currentTarget.dataset.value;
if (form) form.submit();
}

openSelector() {
this.elements.button.focus();
this.elements.panel.toggleAttribute('hidden');
this.elements.button.setAttribute('aria-expanded', (this.elements.button.getAttribute('aria-expanded') === 'false').toString());
}

closeSelector(event) {
const shouldClose = event.relatedTarget && event.relatedTarget.nodeName === 'BUTTON';
if (event.relatedTarget === null || shouldClose) {
this.hidePanel();
}
}
}

customElements.define('localization-form', LocalizationForm);
{% endjavascript %}

{% schema %}
{
"name": "t:sections.footer.name",
"blocks": [
{
"type": "link_list",
"name": "t:sections.footer.blocks.link_list.name",
"settings": [
{
"type": "text",
"id": "heading",
"default": "Quick links",
"label": "t:sections.footer.blocks.link_list.settings.heading.label",
"info": "t:sections.footer.blocks.link_list.settings.heading.info"
},
{
"type": "link_list",
"id": "menu",
"default": "footer",
"label": "t:sections.footer.blocks.link_list.settings.menu.label",
"info": "t:sections.footer.blocks.link_list.settings.menu.info"
}
]
},
{
"type": "text",
"name": "t:sections.footer.blocks.text.name",
"settings": [
{
"type": "text",
"id": "heading",
"default": "Heading",
"label": "t:sections.footer.blocks.text.settings.heading.label"
},
{
"type": "richtext",
"id": "subtext",
"default": "<p>Share contact information, store details, and brand content with your customers.</p>",
"label": "t:sections.footer.blocks.text.settings.subtext.label"
}
]
},
{
"type": "image",
"name": "Image",
"settings": [
{
"type": "image_picker",
"id": "image",
"label": "Image"
},
{
"type": "range",
"id": "image_width",
"min": 50,
"max": 200,
"step": 5,
"unit": "px",
"label": "Image width",
"default": 100
},
{
"type": "select",
"id": "alignment",
"label": "Image alignment on large screen",
"options": [
{
"value": "",
"label": "Left"
},
{
"value": "center",
"label": "Center"
},
{
"value": "right",
"label": "Right"
}
],
"default": "center"
}
]
}
],
"settings": [
{
"type": "select",
"id": "color_scheme",
"options": [
{
"value": "accent-1",
"label": "t:sections.all.colors.accent_1.label"
},
{
"value": "accent-2",
"label": "t:sections.all.colors.accent_2.label"
},
{
"value": "background-1",
"label": "t:sections.all.colors.background_1.label"
},
{
"value": "background-2",
"label": "t:sections.all.colors.background_2.label"
},
{
"value": "inverse",
"label": "t:sections.all.colors.inverse.label"
}
],
"default": "background-1",
"label": "t:sections.all.colors.label"
},
{
"type": "header",
"content": "t:sections.footer.settings.header__1.content",
"info": "t:sections.footer.settings.header__1.info"
},
{
"type": "checkbox",
"id": "newsletter_enable",
"default": true,
"label": "t:sections.footer.settings.newsletter_enable.label"
},
{
"type": "text",
"id": "newsletter_heading",
"default": "Subscribe to our emails",
"label": "t:sections.footer.settings.newsletter_heading.label"
},
{
"type": "header",
"content": "t:sections.footer.settings.header__2.content",
"info": "t:sections.footer.settings.header__2.info"
},
{
"type": "checkbox",
"id": "show_social",
"default": false,
"label": "t:sections.footer.settings.show_social.label"
},
{
"type": "header",
"content": "t:sections.footer.settings.header__3.content",
"info": "t:sections.footer.settings.header__4.info"
},
{
"type": "checkbox",
"id": "enable_country_selector",
"default": true,
"label": "t:sections.footer.settings.enable_country_selector.label"
},
{
"type": "header",
"content": "t:sections.footer.settings.header__5.content",
"info": "t:sections.footer.settings.header__6.info"
},
{
"type": "checkbox",
"id": "enable_language_selector",
"default": true,
"label": "t:sections.footer.settings.enable_language_selector.label"
},
{
"type": "header",
"content": "t:sections.footer.settings.header__7.content"
},
{
"type": "checkbox",
"id": "payment_enable",
"default": true,
"label": "t:sections.footer.settings.payment_enable.label"
},
{
"type": "header",
"content": "t:sections.all.spacing"
},
{
"type": "range",
"id": "margin_top",
"min": 0,
"max": 100,
"step": 4,
"unit": "px",
"label": "t:sections.footer.settings.margin_top.label",
"default": 0
},
{
"type": "header",
"content": "t:sections.all.padding.section_padding_heading"
},
{
"type": "range",
"id": "padding_top",
"min": 0,
"max": 100,
"step": 4,
"unit": "px",
"label": "t:sections.all.padding.padding_top",
"default": 36
},
{
"type": "range",
"id": "padding_bottom",
"min": 0,
"max": 100,
"step": 4,
"unit": "px",
"label": "t:sections.all.padding.padding_bottom",
"default": 36
}
],
"default": {
"blocks": [
{
"type": "link_list"
},
{
"type": "text"
}
]
}
}
{% endschema %}

[KetanKumar]

@brandbuilding 

thanks can you try this code

{% comment %}theme-check-disable UndefinedObject{% endcomment %}
{{ 'section-footer.css' | asset_url | stylesheet_tag }}
<link rel="stylesheet" href="{{ 'component-newsletter.css' | asset_url }}" media="print" onload="this.media='all'">
<link rel="stylesheet" href="{{ 'component-list-menu.css' | asset_url }}" media="print" onload="this.media='all'">
<link rel="stylesheet" href="{{ 'component-list-payment.css' | asset_url }}" media="print" onload="this.media='all'">
<link rel="stylesheet" href="{{ 'component-list-social.css' | asset_url }}" media="print" onload="this.media='all'">
<link rel="stylesheet" href="{{ 'component-rte.css' | asset_url }}" media="print" onload="this.media='all'">
<link rel="stylesheet" href="{{ 'disclosure.css' | asset_url }}" media="print" onload="this.media='all'">

<noscript>{{ 'component-newsletter.css' | asset_url | stylesheet_tag }}</noscript>
<noscript>{{ 'component-list-menu.css' | asset_url | stylesheet_tag }}</noscript>
<noscript>{{ 'component-list-payment.css' | asset_url | stylesheet_tag }}</noscript>
<noscript>{{ 'component-list-social.css' | asset_url | stylesheet_tag }}</noscript>
<noscript>{{ 'component-rte.css' | asset_url | stylesheet_tag }}</noscript>
<noscript>{{ 'disclosure.css' | asset_url | stylesheet_tag }}</noscript>

{%- style -%}
.footer {
margin-top: {{ section.settings.margin_top | times: 0.75 | round: 0 }}px;
}

.section-{{ section.id }}-padding {
padding-top: {{ section.settings.padding_top | times: 0.75 | round: 0 }}px;
padding-bottom: {{ section.settings.padding_bottom | times: 0.75 | round: 0 }}px;
}

@media screen and (min-width: 750px) {
.footer {
margin-top: {{ section.settings.margin_top }}px;
}

.section-{{ section.id }}-padding {
padding-top: {{ section.settings.padding_top }}px;
padding-bottom: {{ section.settings.padding_bottom }}px;
}
}
{%- endstyle -%}

<footer class="footer color-{{ section.settings.color_scheme }} gradient section-{{ section.id }}-padding">
{%- if section.blocks.size > 0 or section.settings.newsletter_enable or section.settings.show_social -%}
<div class="footer__content-top page-width">
{%- if section.blocks.size > 0 -%}
{%- liquid
if section.blocks.size == 9
assign footer_grid_class = 'grid--3-col-tablet'
elsif section.blocks.size > 6
assign footer_grid_class = 'grid--4-col-desktop'
elsif section.blocks.size > 4
assign footer_grid_class = 'grid--3-col-tablet'
endif
-%}
<div class="footer__blocks-wrapper grid grid--1-col grid--2-col grid--4-col-tablet {{ footer_grid_class }}">
{%- for block in section.blocks -%}
<div class="footer-block grid__item{% if block.type == 'link_list' and block.settings.heading != blank %} footer-block--menu{% endif %}" {{ block.shopify_attributes }}>
{%- if block.settings.heading != blank -%}
<h2 class="footer-block__heading">{{- block.settings.heading | escape -}}</h2>
{%- endif -%}

{%- case block.type -%}
{%- when 'text' -%}
<div class="footer-block__details-content rte">
{{ block.settings.subtext }}
</div>
{%- when 'link_list' -%}
{%- if block.settings.menu != blank and block.settings.heading != blank -%}
<ul class="footer-block__details-content list-unstyled">
{%- for link in block.settings.menu.links -%}
<li>
<a href="{{ link.url }}" class="link link--text list-menu__item list-menu__item--link{% if link.active %} list-menu__item--active{% endif %}">
{{ link.title }}
</a>
</li>
{%- endfor -%}
</ul>
{%- endif -%}
{%- when 'image' -%}
<div class="footer-block__details-content footer-block-image {{ block.settings.alignment }}">
{%- if block.settings.image != blank -%}
{%- assign image_size_2x = block.settings.image_width | times: 2 | at_most: 5760 -%}
<img
srcset= "{{ block.settings.image | image_url: width: block.settings.image_width }}, {{ block.settings.image | image_url: width: image_size_2x }} 2x"
src="{{ block.settings.image | image_url: width: 400 }}"
alt="{{ block.settings.image.alt | escape }}"
loading="lazy"
width="{{ block.settings.image.width }}"
height="{{ block.settings.image.height }}"
style="max-width: min(100%, {{ block.settings.image_width }}px);"
>
{%- else -%}
{{ 'image' | placeholder_svg_tag: 'placeholder-svg placeholder' }}
{%- endif -%}
</div>
{%- endcase -%}
</div>
{%- endfor -%}
</div>
{%- endif -%}

<div class="footer-block--newsletter">
{%- if section.settings.newsletter_enable -%}
<div class="footer-block__newsletter">
{%- if section.settings.newsletter_heading != blank -%}
<h2 class="footer-block__heading">{{ section.settings.newsletter_heading | escape }}</h2>
{%- endif -%}
{%- form 'customer', id: 'ContactFooter', class: 'footer__newsletter newsletter-form' -%}
<input type="hidden" name="contact[tags]" value="newsletter">
<div class="newsletter-form__field-wrapper">
<div class="field">
<input
id="NewsletterForm--{{ section.id }}"
type="email"
name="contact[email]"
class="field__input"
value="{{ form.email }}"
aria-required="true"
autocorrect="off"
autocapitalize="off"
autocomplete="email"
{% if form.errors %}
autofocus
aria-invalid="true"
aria-describedby="ContactFooter-error"
{% elsif form.posted_successfully? %}
aria-describedby="ContactFooter-success"
{% endif %}
placeholder="{{ 'newsletter.label' | t }}"
required
>
<label class="field__label" for="NewsletterForm--{{ section.id }}">
{{ 'newsletter.label' | t }}
</label>
<button type="submit" class="newsletter-form__button field__button" name="commit" id="Subscribe" aria-label="{{ 'newsletter.button_label' | t }}">
{% render 'icon-arrow' %}
</button>
</div>
{%- if form.errors -%}
<small class="newsletter-form__message form__message" id="ContactFooter-error">{% render 'icon-error' %}{{ form.errors.translated_fields['email'] | capitalize }} {{ form.errors.messages['email'] }}</small>
{%- endif -%}
</div>
{%- if form.posted_successfully? -%}
<h3 class="newsletter-form__message newsletter-form__message--success form__message" id="ContactFooter-success" tabindex="-1" autofocus>{% render 'icon-success' %}{{ 'newsletter.success' | t }}</h3>
{%- endif -%}
{%- endform -%}
</div>
{%- endif -%}

{%- if section.settings.show_social -%}
<ul class="footer__list-social list-unstyled list-social" role="list">
{%- if settings.social_twitter_link != blank -%}
<li class="list-social__item">
<a href="{{ settings.social_twitter_link }}" class="link list-social__link" >
{%- render 'icon-twitter' -%}
<span class="visually-hidden">{{ 'general.social.links.twitter' | t }}</span>
</a>
</li>
{%- endif -%}
{%- if settings.social_facebook_link != blank -%}
<li class="list-social__item">
<a href="{{ settings.social_facebook_link }}" class="link list-social__link" >
{%- render 'icon-facebook' -%}
<span class="visually-hidden">{{ 'general.social.links.facebook' | t }}</span>
</a>
</li>
{%- endif -%}
{%- if settings.social_pinterest_link != blank -%}
<li class="list-social__item">
<a href="{{ settings.social_pinterest_link }}" class="link list-social__link" >
{%- render 'icon-pinterest' -%}
<span class="visually-hidden">{{ 'general.social.links.pinterest' | t }}</span>
</a>
</li>
{%- endif -%}
{%- if settings.social_instagram_link != blank -%}
<li class="list-social__item">
<a href="{{ settings.social_instagram_link }}" class="link list-social__link" >
{%- render 'icon-instagram' -%}
<span class="visually-hidden">{{ 'general.social.links.instagram' | t }}</span>
</a>
</li>
{%- endif -%}
{%- if settings.social_tiktok_link != blank -%}
<li class="list-social__item">
<a href="{{ settings.social_tiktok_link }}" class="link list-social__link" >
{%- render 'icon-tiktok' -%}
<span class="visually-hidden">{{ 'general.social.links.tiktok' | t }}</span>
</a>
</li>
{%- endif -%}
{%- if settings.social_tumblr_link != blank -%}
<li class="list-social__item">
<a href="{{ settings.social_tumblr_link }}" class="link list-social__link" >
{%- render 'icon-tumblr' -%}
<span class="visually-hidden">{{ 'general.social.links.tumblr' | t }}</span>
</a>
</li>
{%- endif -%}
{%- if settings.social_snapchat_link != blank -%}
<li class="list-social__item">
<a href="{{ settings.social_snapchat_link }}" class="link list-social__link" >
{%- render 'icon-snapchat' -%}
<span class="visually-hidden">{{ 'general.social.links.snapchat' | t }}</span>
</a>
</li>
{%- endif -%}
{%- if settings.social_youtube_link != blank -%}
<li class="list-social__item">
<a href="{{ settings.social_youtube_link }}" class="link list-social__link" >
{%- render 'icon-youtube' -%}
<span class="visually-hidden">{{ 'general.social.links.youtube' | t }}</span>
</a>
</li>
{%- endif -%}
{%- if settings.social_vimeo_link != blank -%}
<li class="list-social__item">
<a href="{{ settings.social_vimeo_link }}" class="link list-social__link" >
{%- render 'icon-vimeo' -%}
<span class="visually-hidden">{{ 'general.social.links.vimeo' | t }}</span>
</a>
</li>
{%- endif -%}
</ul>
{%- endif -%}
</div>
</div>
{%- endif -%}

<div class="footer__content-bottom">
<div class="footer__content-bottom-wrapper page-width">
<div class="footer__column footer__localization isolate">
{%- if section.settings.enable_country_selector and localization.available_countries.size > 1 -%}
<noscript>
{%- form 'localization', id: 'FooterCountryFormNoScript', class: 'localization-form' -%}
<div class="localization-form__select">
<h2 class="visually-hidden" id="FooterCountryLabelNoScript">{{ 'localization.country_label' | t }}</h2>
<select class="localization-selector link" name="country_code" aria-labelledby="FooterCountryLabelNoScript">
{%- for country in localization.available_countries -%}
<option value="{{ country.iso_code }}" {%- if country.iso_code == localization.country.iso_code %} selected{% endif %}>
{{ country.name }} ({{ country.currency.iso_code }} {{ country.currency.symbol }})
</option>
{%- endfor -%}
</select>
{% render 'icon-caret' %}
</div>
<button class="button button--tertiary">{{ 'localization.update_country' | t }}</button>
{%- endform -%}
</noscript>
<localization-form>
{%- form 'localization', id: 'FooterCountryForm', class: 'localization-form' -%}
<div class="no-js-hidden">
<h2 class="caption-large text-body" id="FooterCountryLabel">{{ 'localization.country_label' | t }}</h2>
<div class="disclosure">
<button type="button" class="disclosure__button localization-form__select localization-selector link link--text caption-large" aria-expanded="false" aria-controls="FooterCountryList" aria-describedby="FooterCountryLabel">
{{ localization.country.name }} ({{ localization.country.currency.iso_code }} {{ localization.country.currency.symbol }})
{% render 'icon-caret' %}
</button>
<div class="disclosure__list-wrapper" hidden>
<ul id="FooterCountryList" role="list" class="disclosure__list list-unstyled">
{%- for country in localization.available_countries -%}
<li class="disclosure__item" tabindex="-1">
<a class="link link--text disclosure__link caption-large{% if country.iso_code == localization.country.iso_code %} disclosure__link--active{% endif %} focus-inset" href="#"{% if country.iso_code == localization.country.iso_code %} aria-current="true"{% endif %} data-value="{{ country.iso_code }}">
{{ country.name }} <span class="localization-form__currency">({{ country.currency.iso_code }} {{ country.currency.symbol }})</span>
</a>
</li>
{%- endfor -%}
</ul>
</div>
</div>
<input type="hidden" name="country_code" value="{{ localization.country.iso_code }}">
</div>
{%- endform -%}
</localization-form>
{%- endif -%}

{%- if section.settings.enable_language_selector and localization.available_languages.size > 1 -%}
<noscript>
{%- form 'localization', id: 'FooterLanguageFormNoScript', class: 'localization-form' -%}
<div class="localization-form__select">
<h2 class="visually-hidden" id="FooterLanguageLabelNoScript">{{ 'localization.language_label' | t }}</h2>
<select class="localization-selector link" name="locale_code" aria-labelledby="FooterLanguageLabelNoScript">
{%- for language in localization.available_languages -%}
<option value="{{ language.iso_code }}" lang="{{ language.iso_code }}" {%- if language.iso_code == localization.language.iso_code %} selected{% endif %}>
{{ language.endonym_name | capitalize }}
</option>
{%- endfor -%}
</select>
{% render 'icon-caret' %}
</div>
<button class="button button--tertiary">{{ 'localization.update_language' | t }}</button>
{%- endform -%}
</noscript>

<localization-form>
{%- form 'localization', id: 'FooterLanguageForm', class: 'localization-form' -%}
<div class="no-js-hidden">
<h2 class="caption-large text-body" id="FooterLanguageLabel">{{ 'localization.language_label' | t }}</h2>
<div class="disclosure">
<button type="button" class="disclosure__button localization-form__select localization-selector link link--text caption-large" aria-expanded="false" aria-controls="FooterLanguageList" aria-describedby="FooterLanguageLabel">
{{ localization.language.endonym_name | capitalize }}
{% render 'icon-caret' %}
</button>
<div class="disclosure__list-wrapper" hidden>
<ul id="FooterLanguageList" role="list" class="disclosure__list list-unstyled">
{%- for language in localization.available_languages -%}
<li class="disclosure__item" tabindex="-1">
<a class="link link--text disclosure__link caption-large{% if language.iso_code == localization.language.iso_code %} disclosure__link--active{% endif %} focus-inset" href="#" hreflang="{{ language.iso_code }}" lang="{{ language.iso_code }}"{% if language.iso_code == localization.language.iso_code %} aria-current="true"{% endif %} data-value="{{ language.iso_code }}">
{{ language.endonym_name | capitalize }}
</a>
</li>
{%- endfor -%}
</ul>
</div>
</div>
<input type="hidden" name="locale_code" value="{{ localization.language.iso_code }}">
</div>
{%- endform -%}
</localization-form>
{%- endif -%}
</div>
<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">
{%- for type in shop.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">
<img class: 'icon icon--full-color' src="https://upload.wikimedia.org/wikipedia/commons/4/40/Klarna_Payment_Badge.svg" alt="{{ shop.name }}" itemprop="logo">
</li>
</ul>
</div>
{%- endif -%}
<div class="footer__copyright caption">
<small class="copyright__content">&copy; {{ 'now' | date: "%Y" }}, {{ shop.name | link_to: routes.root_url }}</small>
<small class="copyright__content">{{ powered_by_link }}</small>
</div>
</div>
</div>
</div>
</footer>

{% javascript %}
class LocalizationForm extends HTMLElement {
constructor() {
super();
this.elements = {
input: this.querySelector('input[name="locale_code"], input[name="country_code"]'),
button: this.querySelector('button'),
panel: this.querySelector('.disclosure__list-wrapper'),
};
this.elements.button.addEventListener('click', this.openSelector.bind(this));
this.elements.button.addEventListener('focusout', this.closeSelector.bind(this));
this.addEventListener('keyup', this.onContainerKeyUp.bind(this));

this.querySelectorAll('a').forEach(item => item.addEventListener('click', this.onItemClick.bind(this)));
}

hidePanel() {
this.elements.button.setAttribute('aria-expanded', 'false');
this.elements.panel.setAttribute('hidden', true);
}

onContainerKeyUp(event) {
if (event.code.toUpperCase() !== 'ESCAPE') return;

this.hidePanel();
this.elements.button.focus();
}

onItemClick(event) {
event.preventDefault();
const form = this.querySelector('form');
this.elements.input.value = event.currentTarget.dataset.value;
if (form) form.submit();
}

openSelector() {
this.elements.button.focus();
this.elements.panel.toggleAttribute('hidden');
this.elements.button.setAttribute('aria-expanded', (this.elements.button.getAttribute('aria-expanded') === 'false').toString());
}

closeSelector(event) {
const shouldClose = event.relatedTarget && event.relatedTarget.nodeName === 'BUTTON';
if (event.relatedTarget === null || shouldClose) {
this.hidePanel();
}
}
}

customElements.define('localization-form', LocalizationForm);
{% endjavascript %}

{% schema %}
{
"name": "t:sections.footer.name",
"blocks": [
{
"type": "link_list",
"name": "t:sections.footer.blocks.link_list.name",
"settings": [
{
"type": "text",
"id": "heading",
"default": "Quick links",
"label": "t:sections.footer.blocks.link_list.settings.heading.label",
"info": "t:sections.footer.blocks.link_list.settings.heading.info"
},
{
"type": "link_list",
"id": "menu",
"default": "footer",
"label": "t:sections.footer.blocks.link_list.settings.menu.label",
"info": "t:sections.footer.blocks.link_list.settings.menu.info"
}
]
},
{
"type": "text",
"name": "t:sections.footer.blocks.text.name",
"settings": [
{
"type": "text",
"id": "heading",
"default": "Heading",
"label": "t:sections.footer.blocks.text.settings.heading.label"
},
{
"type": "richtext",
"id": "subtext",
"default": "<p>Share contact information, store details, and brand content with your customers.</p>",
"label": "t:sections.footer.blocks.text.settings.subtext.label"
}
]
},
{
"type": "image",
"name": "Image",
"settings": [
{
"type": "image_picker",
"id": "image",
"label": "Image"
},
{
"type": "range",
"id": "image_width",
"min": 50,
"max": 200,
"step": 5,
"unit": "px",
"label": "Image width",
"default": 100
},
{
"type": "select",
"id": "alignment",
"label": "Image alignment on large screen",
"options": [
{
"value": "",
"label": "Left"
},
{
"value": "center",
"label": "Center"
},
{
"value": "right",
"label": "Right"
}
],
"default": "center"
}
]
}
],
"settings": [
{
"type": "select",
"id": "color_scheme",
"options": [
{
"value": "accent-1",
"label": "t:sections.all.colors.accent_1.label"
},
{
"value": "accent-2",
"label": "t:sections.all.colors.accent_2.label"
},
{
"value": "background-1",
"label": "t:sections.all.colors.background_1.label"
},
{
"value": "background-2",
"label": "t:sections.all.colors.background_2.label"
},
{
"value": "inverse",
"label": "t:sections.all.colors.inverse.label"
}
],
"default": "background-1",
"label": "t:sections.all.colors.label"
},
{
"type": "header",
"content": "t:sections.footer.settings.header__1.content",
"info": "t:sections.footer.settings.header__1.info"
},
{
"type": "checkbox",
"id": "newsletter_enable",
"default": true,
"label": "t:sections.footer.settings.newsletter_enable.label"
},
{
"type": "text",
"id": "newsletter_heading",
"default": "Subscribe to our emails",
"label": "t:sections.footer.settings.newsletter_heading.label"
},
{
"type": "header",
"content": "t:sections.footer.settings.header__2.content",
"info": "t:sections.footer.settings.header__2.info"
},
{
"type": "checkbox",
"id": "show_social",
"default": false,
"label": "t:sections.footer.settings.show_social.label"
},
{
"type": "header",
"content": "t:sections.footer.settings.header__3.content",
"info": "t:sections.footer.settings.header__4.info"
},
{
"type": "checkbox",
"id": "enable_country_selector",
"default": true,
"label": "t:sections.footer.settings.enable_country_selector.label"
},
{
"type": "header",
"content": "t:sections.footer.settings.header__5.content",
"info": "t:sections.footer.settings.header__6.info"
},
{
"type": "checkbox",
"id": "enable_language_selector",
"default": true,
"label": "t:sections.footer.settings.enable_language_selector.label"
},
{
"type": "header",
"content": "t:sections.footer.settings.header__7.content"
},
{
"type": "checkbox",
"id": "payment_enable",
"default": true,
"label": "t:sections.footer.settings.payment_enable.label"
},
{
"type": "header",
"content": "t:sections.all.spacing"
},
{
"type": "range",
"id": "margin_top",
"min": 0,
"max": 100,
"step": 4,
"unit": "px",
"label": "t:sections.footer.settings.margin_top.label",
"default": 0
},
{
"type": "header",
"content": "t:sections.all.padding.section_padding_heading"
},
{
"type": "range",
"id": "padding_top",
"min": 0,
"max": 100,
"step": 4,
"unit": "px",
"label": "t:sections.all.padding.padding_top",
"default": 36
},
{
"type": "range",
"id": "padding_bottom",
"min": 0,
"max": 100,
"step": 4,
"unit": "px",
"label": "t:sections.all.padding.padding_bottom",
"default": 36
}
],
"default": {
"blocks": [
{
"type": "link_list"
},
{
"type": "text"
}
]
}
}
{% endschema %}

[brandbuilding]

Thank you for your help. It came out huge

 

[KetanKumar]

@brandbuilding 

can you please share store url

[brandbuilding]

kolua.nl

[KetanKumar]

@brandbuilding 

thanks but i can't see please add code

[KetanKumar · Accepted solution]

{% comment %}theme-check-disable UndefinedObject{% endcomment %}
{{ 'section-footer.css' | asset_url | stylesheet_tag }}
<link rel="stylesheet" href="{{ 'component-newsletter.css' | asset_url }}" media="print" onload="this.media='all'">
<link rel="stylesheet" href="{{ 'component-list-menu.css' | asset_url }}" media="print" onload="this.media='all'">
<link rel="stylesheet" href="{{ 'component-list-payment.css' | asset_url }}" media="print" onload="this.media='all'">
<link rel="stylesheet" href="{{ 'component-list-social.css' | asset_url }}" media="print" onload="this.media='all'">
<link rel="stylesheet" href="{{ 'component-rte.css' | asset_url }}" media="print" onload="this.media='all'">
<link rel="stylesheet" href="{{ 'disclosure.css' | asset_url }}" media="print" onload="this.media='all'">

<noscript>{{ 'component-newsletter.css' | asset_url | stylesheet_tag }}</noscript>
<noscript>{{ 'component-list-menu.css' | asset_url | stylesheet_tag }}</noscript>
<noscript>{{ 'component-list-payment.css' | asset_url | stylesheet_tag }}</noscript>
<noscript>{{ 'component-list-social.css' | asset_url | stylesheet_tag }}</noscript>
<noscript>{{ 'component-rte.css' | asset_url | stylesheet_tag }}</noscript>
<noscript>{{ 'disclosure.css' | asset_url | stylesheet_tag }}</noscript>

{%- style -%}
.footer {
margin-top: {{ section.settings.margin_top | times: 0.75 | round: 0 }}px;
}

.section-{{ section.id }}-padding {
padding-top: {{ section.settings.padding_top | times: 0.75 | round: 0 }}px;
padding-bottom: {{ section.settings.padding_bottom | times: 0.75 | round: 0 }}px;
}

@media screen and (min-width: 750px) {
.footer {
margin-top: {{ section.settings.margin_top }}px;
}

.section-{{ section.id }}-padding {
padding-top: {{ section.settings.padding_top }}px;
padding-bottom: {{ section.settings.padding_bottom }}px;
}
}
{%- endstyle -%}

<footer class="footer color-{{ section.settings.color_scheme }} gradient section-{{ section.id }}-padding">
{%- if section.blocks.size > 0 or section.settings.newsletter_enable or section.settings.show_social -%}
<div class="footer__content-top page-width">
{%- if section.blocks.size > 0 -%}
{%- liquid
if section.blocks.size == 9
assign footer_grid_class = 'grid--3-col-tablet'
elsif section.blocks.size > 6
assign footer_grid_class = 'grid--4-col-desktop'
elsif section.blocks.size > 4
assign footer_grid_class = 'grid--3-col-tablet'
endif
-%}
<div class="footer__blocks-wrapper grid grid--1-col grid--2-col grid--4-col-tablet {{ footer_grid_class }}">
{%- for block in section.blocks -%}
<div class="footer-block grid__item{% if block.type == 'link_list' and block.settings.heading != blank %} footer-block--menu{% endif %}" {{ block.shopify_attributes }}>
{%- if block.settings.heading != blank -%}
<h2 class="footer-block__heading">{{- block.settings.heading | escape -}}</h2>
{%- endif -%}

{%- case block.type -%}
{%- when 'text' -%}
<div class="footer-block__details-content rte">
{{ block.settings.subtext }}
</div>
{%- when 'link_list' -%}
{%- if block.settings.menu != blank and block.settings.heading != blank -%}
<ul class="footer-block__details-content list-unstyled">
{%- for link in block.settings.menu.links -%}
<li>
<a href="{{ link.url }}" class="link link--text list-menu__item list-menu__item--link{% if link.active %} list-menu__item--active{% endif %}">
{{ link.title }}
</a>
</li>
{%- endfor -%}
</ul>
{%- endif -%}
{%- when 'image' -%}
<div class="footer-block__details-content footer-block-image {{ block.settings.alignment }}">
{%- if block.settings.image != blank -%}
{%- assign image_size_2x = block.settings.image_width | times: 2 | at_most: 5760 -%}
<img
srcset= "{{ block.settings.image | image_url: width: block.settings.image_width }}, {{ block.settings.image | image_url: width: image_size_2x }} 2x"
src="{{ block.settings.image | image_url: width: 400 }}"
alt="{{ block.settings.image.alt | escape }}"
loading="lazy"
width="{{ block.settings.image.width }}"
height="{{ block.settings.image.height }}"
style="max-width: min(100%, {{ block.settings.image_width }}px);"
>
{%- else -%}
{{ 'image' | placeholder_svg_tag: 'placeholder-svg placeholder' }}
{%- endif -%}
</div>
{%- endcase -%}
</div>
{%- endfor -%}
</div>
{%- endif -%}

<div class="footer-block--newsletter">
{%- if section.settings.newsletter_enable -%}
<div class="footer-block__newsletter">
{%- if section.settings.newsletter_heading != blank -%}
<h2 class="footer-block__heading">{{ section.settings.newsletter_heading | escape }}</h2>
{%- endif -%}
{%- form 'customer', id: 'ContactFooter', class: 'footer__newsletter newsletter-form' -%}
<input type="hidden" name="contact[tags]" value="newsletter">
<div class="newsletter-form__field-wrapper">
<div class="field">
<input
id="NewsletterForm--{{ section.id }}"
type="email"
name="contact[email]"
class="field__input"
value="{{ form.email }}"
aria-required="true"
autocorrect="off"
autocapitalize="off"
autocomplete="email"
{% if form.errors %}
autofocus
aria-invalid="true"
aria-describedby="ContactFooter-error"
{% elsif form.posted_successfully? %}
aria-describedby="ContactFooter-success"
{% endif %}
placeholder="{{ 'newsletter.label' | t }}"
required
>
<label class="field__label" for="NewsletterForm--{{ section.id }}">
{{ 'newsletter.label' | t }}
</label>
<button type="submit" class="newsletter-form__button field__button" name="commit" id="Subscribe" aria-label="{{ 'newsletter.button_label' | t }}">
{% render 'icon-arrow' %}
</button>
</div>
{%- if form.errors -%}
<small class="newsletter-form__message form__message" id="ContactFooter-error">{% render 'icon-error' %}{{ form.errors.translated_fields['email'] | capitalize }} {{ form.errors.messages['email'] }}</small>
{%- endif -%}
</div>
{%- if form.posted_successfully? -%}
<h3 class="newsletter-form__message newsletter-form__message--success form__message" id="ContactFooter-success" tabindex="-1" autofocus>{% render 'icon-success' %}{{ 'newsletter.success' | t }}</h3>
{%- endif -%}
{%- endform -%}
</div>
{%- endif -%}

{%- if section.settings.show_social -%}
<ul class="footer__list-social list-unstyled list-social" role="list">
{%- if settings.social_twitter_link != blank -%}
<li class="list-social__item">
<a href="{{ settings.social_twitter_link }}" class="link list-social__link" >
{%- render 'icon-twitter' -%}
<span class="visually-hidden">{{ 'general.social.links.twitter' | t }}</span>
</a>
</li>
{%- endif -%}
{%- if settings.social_facebook_link != blank -%}
<li class="list-social__item">
<a href="{{ settings.social_facebook_link }}" class="link list-social__link" >
{%- render 'icon-facebook' -%}
<span class="visually-hidden">{{ 'general.social.links.facebook' | t }}</span>
</a>
</li>
{%- endif -%}
{%- if settings.social_pinterest_link != blank -%}
<li class="list-social__item">
<a href="{{ settings.social_pinterest_link }}" class="link list-social__link" >
{%- render 'icon-pinterest' -%}
<span class="visually-hidden">{{ 'general.social.links.pinterest' | t }}</span>
</a>
</li>
{%- endif -%}
{%- if settings.social_instagram_link != blank -%}
<li class="list-social__item">
<a href="{{ settings.social_instagram_link }}" class="link list-social__link" >
{%- render 'icon-instagram' -%}
<span class="visually-hidden">{{ 'general.social.links.instagram' | t }}</span>
</a>
</li>
{%- endif -%}
{%- if settings.social_tiktok_link != blank -%}
<li class="list-social__item">
<a href="{{ settings.social_tiktok_link }}" class="link list-social__link" >
{%- render 'icon-tiktok' -%}
<span class="visually-hidden">{{ 'general.social.links.tiktok' | t }}</span>
</a>
</li>
{%- endif -%}
{%- if settings.social_tumblr_link != blank -%}
<li class="list-social__item">
<a href="{{ settings.social_tumblr_link }}" class="link list-social__link" >
{%- render 'icon-tumblr' -%}
<span class="visually-hidden">{{ 'general.social.links.tumblr' | t }}</span>
</a>
</li>
{%- endif -%}
{%- if settings.social_snapchat_link != blank -%}
<li class="list-social__item">
<a href="{{ settings.social_snapchat_link }}" class="link list-social__link" >
{%- render 'icon-snapchat' -%}
<span class="visually-hidden">{{ 'general.social.links.snapchat' | t }}</span>
</a>
</li>
{%- endif -%}
{%- if settings.social_youtube_link != blank -%}
<li class="list-social__item">
<a href="{{ settings.social_youtube_link }}" class="link list-social__link" >
{%- render 'icon-youtube' -%}
<span class="visually-hidden">{{ 'general.social.links.youtube' | t }}</span>
</a>
</li>
{%- endif -%}
{%- if settings.social_vimeo_link != blank -%}
<li class="list-social__item">
<a href="{{ settings.social_vimeo_link }}" class="link list-social__link" >
{%- render 'icon-vimeo' -%}
<span class="visually-hidden">{{ 'general.social.links.vimeo' | t }}</span>
</a>
</li>
{%- endif -%}
</ul>
{%- endif -%}
</div>
</div>
{%- endif -%}

<div class="footer__content-bottom">
<div class="footer__content-bottom-wrapper page-width">
<div class="footer__column footer__localization isolate">
{%- if section.settings.enable_country_selector and localization.available_countries.size > 1 -%}
<noscript>
{%- form 'localization', id: 'FooterCountryFormNoScript', class: 'localization-form' -%}
<div class="localization-form__select">
<h2 class="visually-hidden" id="FooterCountryLabelNoScript">{{ 'localization.country_label' | t }}</h2>
<select class="localization-selector link" name="country_code" aria-labelledby="FooterCountryLabelNoScript">
{%- for country in localization.available_countries -%}
<option value="{{ country.iso_code }}" {%- if country.iso_code == localization.country.iso_code %} selected{% endif %}>
{{ country.name }} ({{ country.currency.iso_code }} {{ country.currency.symbol }})
</option>
{%- endfor -%}
</select>
{% render 'icon-caret' %}
</div>
<button class="button button--tertiary">{{ 'localization.update_country' | t }}</button>
{%- endform -%}
</noscript>
<localization-form>
{%- form 'localization', id: 'FooterCountryForm', class: 'localization-form' -%}
<div class="no-js-hidden">
<h2 class="caption-large text-body" id="FooterCountryLabel">{{ 'localization.country_label' | t }}</h2>
<div class="disclosure">
<button type="button" class="disclosure__button localization-form__select localization-selector link link--text caption-large" aria-expanded="false" aria-controls="FooterCountryList" aria-describedby="FooterCountryLabel">
{{ localization.country.name }} ({{ localization.country.currency.iso_code }} {{ localization.country.currency.symbol }})
{% render 'icon-caret' %}
</button>
<div class="disclosure__list-wrapper" hidden>
<ul id="FooterCountryList" role="list" class="disclosure__list list-unstyled">
{%- for country in localization.available_countries -%}
<li class="disclosure__item" tabindex="-1">
<a class="link link--text disclosure__link caption-large{% if country.iso_code == localization.country.iso_code %} disclosure__link--active{% endif %} focus-inset" href="#"{% if country.iso_code == localization.country.iso_code %} aria-current="true"{% endif %} data-value="{{ country.iso_code }}">
{{ country.name }} <span class="localization-form__currency">({{ country.currency.iso_code }} {{ country.currency.symbol }})</span>
</a>
</li>
{%- endfor -%}
</ul>
</div>
</div>
<input type="hidden" name="country_code" value="{{ localization.country.iso_code }}">
</div>
{%- endform -%}
</localization-form>
{%- endif -%}

{%- if section.settings.enable_language_selector and localization.available_languages.size > 1 -%}
<noscript>
{%- form 'localization', id: 'FooterLanguageFormNoScript', class: 'localization-form' -%}
<div class="localization-form__select">
<h2 class="visually-hidden" id="FooterLanguageLabelNoScript">{{ 'localization.language_label' | t }}</h2>
<select class="localization-selector link" name="locale_code" aria-labelledby="FooterLanguageLabelNoScript">
{%- for language in localization.available_languages -%}
<option value="{{ language.iso_code }}" lang="{{ language.iso_code }}" {%- if language.iso_code == localization.language.iso_code %} selected{% endif %}>
{{ language.endonym_name | capitalize }}
</option>
{%- endfor -%}
</select>
{% render 'icon-caret' %}
</div>
<button class="button button--tertiary">{{ 'localization.update_language' | t }}</button>
{%- endform -%}
</noscript>

<localization-form>
{%- form 'localization', id: 'FooterLanguageForm', class: 'localization-form' -%}
<div class="no-js-hidden">
<h2 class="caption-large text-body" id="FooterLanguageLabel">{{ 'localization.language_label' | t }}</h2>
<div class="disclosure">
<button type="button" class="disclosure__button localization-form__select localization-selector link link--text caption-large" aria-expanded="false" aria-controls="FooterLanguageList" aria-describedby="FooterLanguageLabel">
{{ localization.language.endonym_name | capitalize }}
{% render 'icon-caret' %}
</button>
<div class="disclosure__list-wrapper" hidden>
<ul id="FooterLanguageList" role="list" class="disclosure__list list-unstyled">
{%- for language in localization.available_languages -%}
<li class="disclosure__item" tabindex="-1">
<a class="link link--text disclosure__link caption-large{% if language.iso_code == localization.language.iso_code %} disclosure__link--active{% endif %} focus-inset" href="#" hreflang="{{ language.iso_code }}" lang="{{ language.iso_code }}"{% if language.iso_code == localization.language.iso_code %} aria-current="true"{% endif %} data-value="{{ language.iso_code }}">
{{ language.endonym_name | capitalize }}
</a>
</li>
{%- endfor -%}
</ul>
</div>
</div>
<input type="hidden" name="locale_code" value="{{ localization.language.iso_code }}">
</div>
{%- endform -%}
</localization-form>
{%- endif -%}
</div>
<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">
{%- for type in shop.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">
<img class= "icon icon--full-color" src="https://upload.wikimedia.org/wikipedia/commons/4/40/Klarna_Payment_Badge.svg" alt="{{ shop.name }}" itemprop="logo">
</li>
</ul>
</div>
{%- endif -%}
<div class="footer__copyright caption">
<small class="copyright__content">&copy; {{ 'now' | date: "%Y" }}, {{ shop.name | link_to: routes.root_url }}</small>
<small class="copyright__content">{{ powered_by_link }}</small>
</div>
</div>
</div>
</div>
</footer>

<style>
.Klarna_Payment img {width: 40px;}
</style>

{% javascript %}
class LocalizationForm extends HTMLElement {
constructor() {
super();
this.elements = {
input: this.querySelector('input[name="locale_code"], input[name="country_code"]'),
button: this.querySelector('button'),
panel: this.querySelector('.disclosure__list-wrapper'),
};
this.elements.button.addEventListener('click', this.openSelector.bind(this));
this.elements.button.addEventListener('focusout', this.closeSelector.bind(this));
this.addEventListener('keyup', this.onContainerKeyUp.bind(this));

this.querySelectorAll('a').forEach(item => item.addEventListener('click', this.onItemClick.bind(this)));
}

hidePanel() {
this.elements.button.setAttribute('aria-expanded', 'false');
this.elements.panel.setAttribute('hidden', true);
}

onContainerKeyUp(event) {
if (event.code.toUpperCase() !== 'ESCAPE') return;

this.hidePanel();
this.elements.button.focus();
}

onItemClick(event) {
event.preventDefault();
const form = this.querySelector('form');
this.elements.input.value = event.currentTarget.dataset.value;
if (form) form.submit();
}

openSelector() {
this.elements.button.focus();
this.elements.panel.toggleAttribute('hidden');
this.elements.button.setAttribute('aria-expanded', (this.elements.button.getAttribute('aria-expanded') === 'false').toString());
}

closeSelector(event) {
const shouldClose = event.relatedTarget && event.relatedTarget.nodeName === 'BUTTON';
if (event.relatedTarget === null || shouldClose) {
this.hidePanel();
}
}
}

customElements.define('localization-form', LocalizationForm);
{% endjavascript %}

{% schema %}
{
"name": "t:sections.footer.name",
"blocks": [
{
"type": "link_list",
"name": "t:sections.footer.blocks.link_list.name",
"settings": [
{
"type": "text",
"id": "heading",
"default": "Quick links",
"label": "t:sections.footer.blocks.link_list.settings.heading.label",
"info": "t:sections.footer.blocks.link_list.settings.heading.info"
},
{
"type": "link_list",
"id": "menu",
"default": "footer",
"label": "t:sections.footer.blocks.link_list.settings.menu.label",
"info": "t:sections.footer.blocks.link_list.settings.menu.info"
}
]
},
{
"type": "text",
"name": "t:sections.footer.blocks.text.name",
"settings": [
{
"type": "text",
"id": "heading",
"default": "Heading",
"label": "t:sections.footer.blocks.text.settings.heading.label"
},
{
"type": "richtext",
"id": "subtext",
"default": "<p>Share contact information, store details, and brand content with your customers.</p>",
"label": "t:sections.footer.blocks.text.settings.subtext.label"
}
]
},
{
"type": "image",
"name": "Image",
"settings": [
{
"type": "image_picker",
"id": "image",
"label": "Image"
},
{
"type": "range",
"id": "image_width",
"min": 50,
"max": 200,
"step": 5,
"unit": "px",
"label": "Image width",
"default": 100
},
{
"type": "select",
"id": "alignment",
"label": "Image alignment on large screen",
"options": [
{
"value": "",
"label": "Left"
},
{
"value": "center",
"label": "Center"
},
{
"value": "right",
"label": "Right"
}
],
"default": "center"
}
]
}
],
"settings": [
{
"type": "select",
"id": "color_scheme",
"options": [
{
"value": "accent-1",
"label": "t:sections.all.colors.accent_1.label"
},
{
"value": "accent-2",
"label": "t:sections.all.colors.accent_2.label"
},
{
"value": "background-1",
"label": "t:sections.all.colors.background_1.label"
},
{
"value": "background-2",
"label": "t:sections.all.colors.background_2.label"
},
{
"value": "inverse",
"label": "t:sections.all.colors.inverse.label"
}
],
"default": "background-1",
"label": "t:sections.all.colors.label"
},
{
"type": "header",
"content": "t:sections.footer.settings.header__1.content",
"info": "t:sections.footer.settings.header__1.info"
},
{
"type": "checkbox",
"id": "newsletter_enable",
"default": true,
"label": "t:sections.footer.settings.newsletter_enable.label"
},
{
"type": "text",
"id": "newsletter_heading",
"default": "Subscribe to our emails",
"label": "t:sections.footer.settings.newsletter_heading.label"
},
{
"type": "header",
"content": "t:sections.footer.settings.header__2.content",
"info": "t:sections.footer.settings.header__2.info"
},
{
"type": "checkbox",
"id": "show_social",
"default": false,
"label": "t:sections.footer.settings.show_social.label"
},
{
"type": "header",
"content": "t:sections.footer.settings.header__3.content",
"info": "t:sections.footer.settings.header__4.info"
},
{
"type": "checkbox",
"id": "enable_country_selector",
"default": true,
"label": "t:sections.footer.settings.enable_country_selector.label"
},
{
"type": "header",
"content": "t:sections.footer.settings.header__5.content",
"info": "t:sections.footer.settings.header__6.info"
},
{
"type": "checkbox",
"id": "enable_language_selector",
"default": true,
"label": "t:sections.footer.settings.enable_language_selector.label"
},
{
"type": "header",
"content": "t:sections.footer.settings.header__7.content"
},
{
"type": "checkbox",
"id": "payment_enable",
"default": true,
"label": "t:sections.footer.settings.payment_enable.label"
},
{
"type": "header",
"content": "t:sections.all.spacing"
},
{
"type": "range",
"id": "margin_top",
"min": 0,
"max": 100,
"step": 4,
"unit": "px",
"label": "t:sections.footer.settings.margin_top.label",
"default": 0
},
{
"type": "header",
"content": "t:sections.all.padding.section_padding_heading"
},
{
"type": "range",
"id": "padding_top",
"min": 0,
"max": 100,
"step": 4,
"unit": "px",
"label": "t:sections.all.padding.padding_top",
"default": 36
},
{
"type": "range",
"id": "padding_bottom",
"min": 0,
"max": 100,
"step": 4,
"unit": "px",
"label": "t:sections.all.padding.padding_bottom",
"default": 36
}
],
"default": {
"blocks": [
{
"type": "link_list"
},
{
"type": "text"
}
]
}
}
{% endschema %}

@brandbuilding 

can you please update

[brandbuilding]

Thank you! This fixed it. Appreciate your help.

[KetanKumar]

@brandbuilding 

its my pleasure to help us 

[SS201]

Hi, I also need to add the klarna logo ( smaller one with the rest of the payment options at the footer of my page, what exactly do I need to click on to be able to place that code? Could I have a step by step please 

many thanks 

[kristianilasko]

Does this work on purchased themes such as prestige theme? If so where do I enter this code above? Thanks 

[KetanKumar]

@kristianilasko 

can you share store url

[kristianilasko]

Hi Ketan, www.limitedclo.com 

[KetanKumar]

@kristianilasko 

password protect

[Justin76]

Code doesn't work on our site... we do use a custom theme. Is that a problem?

[KetanKumar]

@Justin76 

 no sorry doesn't any matter 

[Justin76]

I get the fault code: 

Liquid syntax error: Duplicate entries for tag: schema

[KetanKumar]

@Justin76  where is your footer code please send me 

[Justin76]

{%- liquid
assign show_selectors = false
assign currency_selector = false
assign locale_selector = false

if section.settings.show_currency_selector and shop.enabled_currencies.size > 1
assign currency_selector = true
endif

if section.settings.show_locale_selector and shop.enabled_locales.size > 1
assign locale_selector = true
endif

if currency_selector or locale_selector
assign show_selectors = true
endif
-%}

{%- if settings.color_newsletter == settings.color_body_bg -%}
{%- style -%}
.site-footer__section--newsletter {
padding: 0;
}
{%- endstyle -%}
{%- endif -%}

<footer class="site-footer text-center" data-section-id="{{ section.id }}" data-section-type="footer-section">
{%- if section.settings.show_newsletter -%}
<div class="site-footer__section site-footer__section--newsletter" data-aos>
<div class="page-width">
{%- if section.settings.newsletter_title != blank -%}
<div class="h2 appear-delay">{{ section.settings.newsletter_title }}</div>
{%- endif -%}

{%- if section.settings.newsletter_richtext != blank -%}
<div class="rte rte--block appear-delay-1">
{{ section.settings.newsletter_richtext }}
</div>
{%- endif -%}

<div class="appear-delay-2">
{%- render 'newsletter-form', section_id: section.id, snippet_context: 'footer' -%}
</div>
</div>
</div>
{%- endif -%}

<!-- Placement v2 -->
<klarna-placement
data-key="credit-promotion-auto-size"
data-locale="nl-NL"
data-purchase-amount=""
></klarna-placement>
<!-- end Placement -->

<div class="page-width">

{%- if show_selectors -%}
{%- form 'localization', class: 'multi-selectors site-footer__section', data-disclosure-form: '' -%}
{%- if locale_selector -%}
<div class="multi-selectors__item">
<h2 class="visually-hidden" id="LangHeading">
{{ 'general.language.dropdown_label' | t }}
</h2>

<div class="disclosure" data-disclosure-locale>
<button type="button" class="faux-select disclosure__toggle" aria-expanded="false" aria-controls="LangList" aria-describedby="LangHeading" data-disclosure-toggle>
<span class="multi-picker__label">
{{ form.current_locale.endonym_name }}
</span>
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg>
</button>
<ul id="LangList" class="disclosure-list" data-disclosure-list>
{%- for locale in form.available_locales -%}
<li class="disclosure-list__item {% if locale.iso_code == form.current_locale.iso_code %}disclosure-list__item--current{% endif %}">
<a class="disclosure-list__option" href="#" lang="{{ locale.iso_code }}" {% if locale.iso_code == form.current_locale.iso_code %}aria-current="true"{% endif %} data-value="{{ locale.iso_code }}" data-disclosure-option>
{{ locale.endonym_name }}
</a>
</li>
{%- endfor -%}
</ul>
<input type="hidden" name="locale_code" id="LocaleSelector" value="{{ form.current_locale.iso_code }}" data-disclosure-input>
</div>
</div>
{%- endif -%}

{%- if currency_selector -%}
<div class="multi-selectors__item">
<h2 class="visually-hidden" id="CurrencyHeading">
{{ 'general.currency.dropdown_label' | t }}
</h2>

<div class="disclosure" data-disclosure-currency>
<button type="button" class="faux-select disclosure__toggle" aria-expanded="false" aria-controls="CurrencyList" aria-describedby="CurrencyHeading" data-disclosure-toggle>
{%- if section.settings.show_currency_flags -%}
<span class="currency-flag currency-flag--small" data-flag="{{ form.current_currency.iso_code }}" aria-hidden="true"></span>
{%- endif -%}
<span class="multi-picker__label">
{{ form.current_currency.iso_code }} {%- if form.current_currency.symbol -%}{{ form.current_currency.symbol }}{%- endif -%}
</span>
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg>
</button>
<ul id="CurrencyList" class="disclosure-list" data-disclosure-list>
{%- for currency in form.available_currencies -%}
<li class="disclosure-list__item {% if currency.iso_code == form.current_currency.iso_code %}disclosure-list__item--current{% endif %}">
<a class="disclosure-list__option" href="#" {% if currency.iso_code == form.current_currency.iso_code %}aria-current="true"{% endif %} data-value="{{ currency.iso_code }}" data-disclosure-option>
{%- if section.settings.show_currency_flags -%}
<span class="currency-flag" data-flag="{{ currency.iso_code }}" aria-hidden="true"></span>
{%- endif -%}
<span class="multi-picker__label">
{{ currency.iso_code }} {%- if currency.symbol -%}{{ currency.symbol }}{%- endif -%}
</span>
</a>
</li>
{%- endfor -%}
</ul>
<input type="hidden" name="currency_code" value="{{ form.current_currency.iso_code }}" data-disclosure-input>
</div>
</div>
{%- endif -%}
{%- endform -%}
{%- endif -%}

{%- if section.settings.show_social_icons -%}
<div class="site-footer__section">
{%- render 'social-icons', social_class: 'footer__social' -%}
</div>
{%- endif -%}

{%- if linklists[section.settings.menu].links.size > 0 -%}
<div class="site-footer__section">
<ul class="no-bullets inline-list site-footer__linklist">
{%- for link in linklists[section.settings.menu].links -%}
<li><a href="{{ link.url }}">{{ link.title }}</a></li>
{%- endfor -%}
</ul>
</div>
{%- endif -%}

{%- if section.settings.show_payment_icons -%}
{%- unless shop.enabled_payment_types == empty -%}
<div class="site-footer__section">
<ul class="inline-list payment-icons">
{%- for type in shop.enabled_payment_types -%}
<li class="icon--payment">
{{ type | payment_type_svg_tag }}
</li>
{%- endfor -%}
<!-- Placement v2 -->
<klarna-placement
data-key="credit-promotion-auto-size"
data-locale="nl-NL"
data-purchase-amount=""
></klarna-placement>
<!-- end Placement -->
</ul>
</div>
{%- endunless -%}
{%- endif -%}

<div class="site-footer__section site-footer__copyright">
{%- if section.settings.show_copyright -%}
<span>
&copy; {{ 'now' | date: '%Y' }} {{ shop.name }}
{%- if section.settings.copyright_text != blank -%}
{{ section.settings.copyright_text }}
{%- endif -%}
</span>
{%- endif -%}
<span class="footer__powered_by">{{ powered_by_link }}</span>
</div>
</div>
</footer>

{% schema %}
{
"name": "Footer",
"settings": [
{
"type": "header",
"content": "Newsletter"
},
{
"type": "checkbox",
"id": "show_newsletter",
"label": "Show newsletter signup",
"info": "Customers who subscribe will have their email address added to the 'accepts marketing' [customer list](/admin/customers?query=&accepts_marketing=1).",
"default": true
},
{
"type": "text",
"id": "newsletter_title",
"label": "Newsletter heading",
"default": "Sign up and save"
},
{
"type": "richtext",
"id": "newsletter_richtext",
"label": "Text",
"default": "<p>Let customers know about the key benefits of joining your newsletter.</p>"
},
{
"type": "header",
"content": "Language selector",
"info": "To add a language, go to your [language settings.](/admin/settings/languages)"
},
{
"type": "checkbox",
"id": "show_locale_selector",
"label": "Show language selector",
"default": true
},
{
"type": "header",
"content": "Currency selector",
"info": "To add a currency, go to your [currency settings.](/admin/settings/payments)"
},
{
"type": "checkbox",
"id": "show_currency_selector",
"label": "Show currency selector",
"default": true
},
{
"type": "checkbox",
"id": "show_currency_flags",
"label": "Show currency flags",
"default": true
},
{
"type": "header",
"content": "Additional footer content"
},
{
"type": "checkbox",
"id": "show_social_icons",
"label": "Show social icons",
"default": true
},
{
"type": "link_list",
"id": "menu",
"label": "Choose a menu",
"default": "footer",
"info": "Optional. This menu won't show dropdown items"
},
{
"type": "checkbox",
"id": "show_payment_icons",
"label": "Show payment icons"
},
{
"type": "checkbox",
"id": "show_copyright",
"label": "Show copyright"
},
{
"type": "text",
"id": "copyright_text",
"label": "Additional copyright text"
}
]
}
{% endschema %}

[KetanKumar]

@Justin76 

thanks code please update this 

{%- liquid
assign show_selectors = false
assign currency_selector = false
assign locale_selector = false

if section.settings.show_currency_selector and shop.enabled_currencies.size > 1
assign currency_selector = true
endif

if section.settings.show_locale_selector and shop.enabled_locales.size > 1
assign locale_selector = true
endif

if currency_selector or locale_selector
assign show_selectors = true
endif
-%}

{%- if settings.color_newsletter == settings.color_body_bg -%}
{%- style -%}
.site-footer__section--newsletter {
padding: 0;
}
{%- endstyle -%}
{%- endif -%}

<footer class="site-footer text-center" data-section-id="{{ section.id }}" data-section-type="footer-section">
{%- if section.settings.show_newsletter -%}
<div class="site-footer__section site-footer__section--newsletter" data-aos>
<div class="page-width">
{%- if section.settings.newsletter_title != blank -%}
<div class="h2 appear-delay">{{ section.settings.newsletter_title }}</div>
{%- endif -%}

{%- if section.settings.newsletter_richtext != blank -%}
<div class="rte rte--block appear-delay-1">
{{ section.settings.newsletter_richtext }}
</div>
{%- endif -%}

<div class="appear-delay-2">
{%- render 'newsletter-form', section_id: section.id, snippet_context: 'footer' -%}
</div>
</div>
</div>
{%- endif -%}

<!-- Placement v2 -->
<klarna-placement
data-key="credit-promotion-auto-size"
data-locale="nl-NL"
data-purchase-amount=""
></klarna-placement>
<!-- end Placement -->

<div class="page-width">

{%- if show_selectors -%}
{%- form 'localization', class: 'multi-selectors site-footer__section', data-disclosure-form: '' -%}
{%- if locale_selector -%}
<div class="multi-selectors__item">
<h2 class="visually-hidden" id="LangHeading">
{{ 'general.language.dropdown_label' | t }}
</h2>

<div class="disclosure" data-disclosure-locale>
<button type="button" class="faux-select disclosure__toggle" aria-expanded="false" aria-controls="LangList" aria-describedby="LangHeading" data-disclosure-toggle>
<span class="multi-picker__label">
{{ form.current_locale.endonym_name }}
</span>
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg>
</button>
<ul id="LangList" class="disclosure-list" data-disclosure-list>
{%- for locale in form.available_locales -%}
<li class="disclosure-list__item {% if locale.iso_code == form.current_locale.iso_code %}disclosure-list__item--current{% endif %}">
<a class="disclosure-list__option" href="#" lang="{{ locale.iso_code }}" {% if locale.iso_code == form.current_locale.iso_code %}aria-current="true"{% endif %} data-value="{{ locale.iso_code }}" data-disclosure-option>
{{ locale.endonym_name }}
</a>
</li>
{%- endfor -%}
</ul>
<input type="hidden" name="locale_code" id="LocaleSelector" value="{{ form.current_locale.iso_code }}" data-disclosure-input>
</div>
</div>
{%- endif -%}

{%- if currency_selector -%}
<div class="multi-selectors__item">
<h2 class="visually-hidden" id="CurrencyHeading">
{{ 'general.currency.dropdown_label' | t }}
</h2>

<div class="disclosure" data-disclosure-currency>
<button type="button" class="faux-select disclosure__toggle" aria-expanded="false" aria-controls="CurrencyList" aria-describedby="CurrencyHeading" data-disclosure-toggle>
{%- if section.settings.show_currency_flags -%}
<span class="currency-flag currency-flag--small" data-flag="{{ form.current_currency.iso_code }}" aria-hidden="true"></span>
{%- endif -%}
<span class="multi-picker__label">
{{ form.current_currency.iso_code }} {%- if form.current_currency.symbol -%}{{ form.current_currency.symbol }}{%- endif -%}
</span>
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg>
</button>
<ul id="CurrencyList" class="disclosure-list" data-disclosure-list>
{%- for currency in form.available_currencies -%}
<li class="disclosure-list__item {% if currency.iso_code == form.current_currency.iso_code %}disclosure-list__item--current{% endif %}">
<a class="disclosure-list__option" href="#" {% if currency.iso_code == form.current_currency.iso_code %}aria-current="true"{% endif %} data-value="{{ currency.iso_code }}" data-disclosure-option>
{%- if section.settings.show_currency_flags -%}
<span class="currency-flag" data-flag="{{ currency.iso_code }}" aria-hidden="true"></span>
{%- endif -%}
<span class="multi-picker__label">
{{ currency.iso_code }} {%- if currency.symbol -%}{{ currency.symbol }}{%- endif -%}
</span>
</a>
</li>
{%- endfor -%}
</ul>
<input type="hidden" name="currency_code" value="{{ form.current_currency.iso_code }}" data-disclosure-input>
</div>
</div>
{%- endif -%}
{%- endform -%}
{%- endif -%}

{%- if section.settings.show_social_icons -%}
<div class="site-footer__section">
{%- render 'social-icons', social_class: 'footer__social' -%}
</div>
{%- endif -%}

{%- if linklists[section.settings.menu].links.size > 0 -%}
<div class="site-footer__section">
<ul class="no-bullets inline-list site-footer__linklist">
{%- for link in linklists[section.settings.menu].links -%}
<li><a href="{{ link.url }}">{{ link.title }}</a></li>
{%- endfor -%}
</ul>
</div>
{%- endif -%}

{%- if section.settings.show_payment_icons -%}
{%- unless shop.enabled_payment_types == empty -%}
<div class="site-footer__section">
<ul class="inline-list payment-icons">
{%- for type in shop.enabled_payment_types -%}
<li class="icon--payment">
{{ type | payment_type_svg_tag }}
</li>
{%- endfor -%}

<li class="list-payment__item Klarna_Payment">
<img class= "icon icon--full-color" src="https://upload.wikimedia.org/wikipedia/commons/4/40/Klarna_Payment_Badge.svg" alt="{{ shop.name }}" itemprop="logo">
</li>
<!-- Placement v2 -->
<klarna-placement
data-key="credit-promotion-auto-size"
data-locale="nl-NL"
data-purchase-amount=""
></klarna-placement>
<!-- end Placement -->
</ul>
</div>
{%- endunless -%}
{%- endif -%}


<div class="site-footer__section site-footer__copyright">
{%- if section.settings.show_copyright -%}
<span>
&copy; {{ 'now' | date: '%Y' }} {{ shop.name }}
{%- if section.settings.copyright_text != blank -%}
{{ section.settings.copyright_text }}
{%- endif -%}
</span>
{%- endif -%}
<span class="footer__powered_by">{{ powered_by_link }}</span>
</div>
</div>
</footer>

<style>
.Klarna_Payment img {width: 40px;}
</style>

{% schema %}
{
"name": "Footer",
"settings": [
{
"type": "header",
"content": "Newsletter"
},
{
"type": "checkbox",
"id": "show_newsletter",
"label": "Show newsletter signup",
"info": "Customers who subscribe will have their email address added to the 'accepts marketing' [customer list](/admin/customers?query=&accepts_marketing=1).",
"default": true
},
{
"type": "text",
"id": "newsletter_title",
"label": "Newsletter heading",
"default": "Sign up and save"
},
{
"type": "richtext",
"id": "newsletter_richtext",
"label": "Text",
"default": "<p>Let customers know about the key benefits of joining your newsletter.</p>"
},
{
"type": "header",
"content": "Language selector",
"info": "To add a language, go to your [language settings.](/admin/settings/languages)"
},
{
"type": "checkbox",
"id": "show_locale_selector",
"label": "Show language selector",
"default": true
},
{
"type": "header",
"content": "Currency selector",
"info": "To add a currency, go to your [currency settings.](/admin/settings/payments)"
},
{
"type": "checkbox",
"id": "show_currency_selector",
"label": "Show currency selector",
"default": true
},
{
"type": "checkbox",
"id": "show_currency_flags",
"label": "Show currency flags",
"default": true
},
{
"type": "header",
"content": "Additional footer content"
},
{
"type": "checkbox",
"id": "show_social_icons",
"label": "Show social icons",
"default": true
},
{
"type": "link_list",
"id": "menu",
"label": "Choose a menu",
"default": "footer",
"info": "Optional. This menu won't show dropdown items"
},
{
"type": "checkbox",
"id": "show_payment_icons",
"label": "Show payment icons"
},
{
"type": "checkbox",
"id": "show_copyright",
"label": "Show copyright"
},
{
"type": "text",
"id": "copyright_text",
"label": "Additional copyright text"
}
]
}
{% endschema %}

[rosyecommerce]

Hello,
Could you please help me, I have the same problem. I can add every payment method logo to the footer except for Klarna. Could you help me with the coding to add the Klarna payment method logo? I work with the prestige theme.
this is my Footer coding:

{%- if template.name == 'page' or template.name == 'blog' or template == 'customers/account' or template == 'customers/order' or template == 'customers/addresses' -%}
{%- assign add_top_margin = true -%}
{%- else -%}
{%- assign add_top_margin = false -%}
{%- endif -%}

<footer id="section-{{ section.id }}" class="Footer {% if section.blocks.size <= 2 %}Footer--center{% endif %} {% if add_top_margin %}Footer--withMargin{% endif %}" role="contentinfo">
<div class="Container">
{%- if section.blocks.size > 0 -%}
<div class="Footer__Inner">
{%- for block in section.blocks -%}
<div class="Footer__Block Footer__Block--{{ block.type }}" {{ block.shopify_attributes }}>
{%- case block.type -%}
{%- when 'text' -%}
{%- if block.settings.title != blank -%}
<h2 class="Footer__Title Heading u-h6">{{ block.settings.title | escape }}</h2>
{%- endif -%}

{%- if block.settings.content != blank -%}
<div class="Footer__Content Rte">
{{ block.settings.content }}
</div>
{%- endif -%}

{%- if block.settings.show_social_media -%}
{% include 'social-media', class: 'Footer__Social', spacing: 'loose' %}
{%- endif -%}

{%- when 'links' -%}
{%- assign linklist = linklists[block.settings.menu] -%}

{%- if linklist != empty -%}
<h2 class="Footer__Title Heading u-h6">{{ linklist.title | escape }}</h2>

<ul class="Linklist">
{%- for link in linklist.links -%}
<li class="Linklist__Item">
<a href="{{ link.url }}" class="Link Link--primary">{{ link.title | escape }}</a>
</li>
{%- endfor -%}
</ul>
{%- endif -%}

{%- when 'newsletter' -%}
{%- if block.settings.title != blank -%}
<h2 class="Footer__Title Heading u-h6">{{ block.settings.title | escape }}</h2>
{%- endif -%}

{%- if block.settings.content != blank -%}
<div class="Footer__Content Rte">
{{ block.settings.content }}
</div>
{%- endif -%}

{%- form 'customer', id: 'footer-newsletter', class: 'Footer__Newsletter Form' -%}
{%- if form.posted_successfully? -%}
<p class="Form__Alert Alert Alert--success">{{ 'footer.newsletter.success' | t }}</p>
{%- else -%}
{%- if form.errors -%}
<p class="Form__Alert Alert Alert--error">{{ form.errors.messages['email'] }}</p>
{%- endif -%}

<input type="hidden" name="contact[tags]" value="newsletter">
<input type="email" name="contact[email]" class="Form__Input" aria-label="{{ 'footer.newsletter.input' | t }}" placeholder="{{ 'footer.newsletter.input' | t }}" required>
<button type="submit" class="Form__Submit Button Button--primary">{{ 'footer.newsletter.submit' | t }}</button>
{%- endif -%}
{%- endform -%}
{%- endcase -%}
</div>
{%- endfor -%}
</div>
{%- endif -%}

<div class="Footer__Aside">
<div class="Footer__Copyright">
<a href="{{ shop.url }}" class="Footer__StoreName Heading u-h7 Link Link--secondary">© {{ shop.name }}</a>

<!--{%- capture maestrooo_link -%}<a href="https://www.maestrooo.com" class="Link Link--primary" target="_blank" rel="noopener">Maestrooo</a>{%- endcapture -%}
<p class="Footer__ThemeAuthor">{{ 'footer.general.credits_html' | t: maestrooo_link: maestrooo_link }} | {{ powered_by_link | replace: '<a', '<a class="Link Link--primary"' }}</p>
</div> -->

{%- if section.settings.show_payment_methods -%}
{%- capture payment_methods -%}
{%- for type in shop.enabled_payment_types -%}
<li class="HorizontalList__Item">{{ type | payment_type_svg_tag }}</li>
{%- endfor -%}
{%- endcapture -%}

{%- if payment_methods != blank -%}
<ul class="Footer__PaymentList HorizontalList">
{{ payment_methods }}
</ul>
{%- endif -%}
{%- endif -%}
</div>
</div>
</footer>

{% schema %}
{
"name": "Footer",
"class": "shopify-section--footer",
"settings": [
{
"type": "checkbox",
"id": "show_payment_methods",
"label": "Show payment methods",
"info": "Payment method icons are automatically displayed based on your Shopify payment methods.",
"default": true
}
],
"blocks": [
{
"type": "text",
"name": "Text",
"settings": [
{
"type": "text",
"id": "title",
"label": "Heading",
"default": "About the shop"
},
{
"type": "richtext",
"id": "content",
"label": "Text",
"default": "<p>Use this text area to tell your customers about your brand and vision. You can change it in the theme settings.</p>"
},
{
"type": "checkbox",
"id": "show_social_media",
"label": "Show social media",
"info": "Make sure to have properly configured your social media in the theme settings.",
"default": true
}
]
},
{
"type": "links",
"name": "Links",
"settings": [
{
"type": "link_list",
"id": "menu",
"label": "Menu",
"info": "This menu won't show dropdown items."
}
]
},
{
"type": "newsletter",
"name": "Newsletter",
"limit": 1,
"settings": [
{
"type": "paragraph",
"content": "Customers who subscribe will have their email address added to the \"accepts marketing\" [customer list](/admin/customers?query=&accepts_marketing=1)."
},
{
"type": "text",
"id": "title",
"label": "Heading",
"default": "Newsletter"
},
{
"type": "richtext",
"id": "content",
"label": "Text",
"default": "<p>A short sentence describing what someone will receive by subscribing</p>"
}
]
}
],
"default": {
"blocks": [
{
"type": "text",
"settings": {}
},
{
"type": "links",
"settings": {
"menu": "footer"
}
},
{
"type": "newsletter",
"settings": {}
}
]
}
}
{% endschema %}

[KetanKumar]

@rosyecommerce 

yes, please update this code

{%- if template.name == 'page' or template.name == 'blog' or template == 'customers/account' or template == 'customers/order' or template == 'customers/addresses' -%}
{%- assign add_top_margin = true -%}
{%- else -%}
{%- assign add_top_margin = false -%}
{%- endif -%}

<footer id="section-{{ section.id }}" class="Footer {% if section.blocks.size <= 2 %}Footer--center{% endif %} {% if add_top_margin %}Footer--withMargin{% endif %}" role="contentinfo">
<div class="Container">
{%- if section.blocks.size > 0 -%}
<div class="Footer__Inner">
{%- for block in section.blocks -%}
<div class="Footer__Block Footer__Block--{{ block.type }}" {{ block.shopify_attributes }}>
{%- case block.type -%}
{%- when 'text' -%}
{%- if block.settings.title != blank -%}
<h2 class="Footer__Title Heading u-h6">{{ block.settings.title | escape }}</h2>
{%- endif -%}

{%- if block.settings.content != blank -%}
<div class="Footer__Content Rte">
{{ block.settings.content }}
</div>
{%- endif -%}

{%- if block.settings.show_social_media -%}
{% include 'social-media', class: 'Footer__Social', spacing: 'loose' %}
{%- endif -%}

{%- when 'links' -%}
{%- assign linklist = linklists[block.settings.menu] -%}

{%- if linklist != empty -%}
<h2 class="Footer__Title Heading u-h6">{{ linklist.title | escape }}</h2>

<ul class="Linklist">
{%- for link in linklist.links -%}
<li class="Linklist__Item">
<a href="{{ link.url }}" class="Link Link--primary">{{ link.title | escape }}</a>
</li>
{%- endfor -%}
</ul>
{%- endif -%}

{%- when 'newsletter' -%}
{%- if block.settings.title != blank -%}
<h2 class="Footer__Title Heading u-h6">{{ block.settings.title | escape }}</h2>
{%- endif -%}

{%- if block.settings.content != blank -%}
<div class="Footer__Content Rte">
{{ block.settings.content }}
</div>
{%- endif -%}

{%- form 'customer', id: 'footer-newsletter', class: 'Footer__Newsletter Form' -%}
{%- if form.posted_successfully? -%}
<p class="Form__Alert Alert Alert--success">{{ 'footer.newsletter.success' | t }}</p>
{%- else -%}
{%- if form.errors -%}
<p class="Form__Alert Alert Alert--error">{{ form.errors.messages['email'] }}</p>
{%- endif -%}

<input type="hidden" name="contact[tags]" value="newsletter">
<input type="email" name="contact[email]" class="Form__Input" aria-label="{{ 'footer.newsletter.input' | t }}" placeholder="{{ 'footer.newsletter.input' | t }}" required>
<button type="submit" class="Form__Submit Button Button--primary">{{ 'footer.newsletter.submit' | t }}</button>
{%- endif -%}
{%- endform -%}
{%- endcase -%}
</div>
{%- endfor -%}
</div>
{%- endif -%}

<div class="Footer__Aside">
<div class="Footer__Copyright">
<a href="{{ shop.url }}" class="Footer__StoreName Heading u-h7 Link Link--secondary">© {{ shop.name }}</a>

<!--{%- capture maestrooo_link -%}<a href="https://www.maestrooo.com" class="Link Link--primary" target="_blank" rel="noopener">Maestrooo</a>{%- endcapture -%}
<p class="Footer__ThemeAuthor">{{ 'footer.general.credits_html' | t: maestrooo_link: maestrooo_link }} | {{ powered_by_link | replace: '<a', '<a class="Link Link--primary"' }}</p>
</div> -->

{%- if section.settings.show_payment_methods -%}
{%- capture payment_methods -%}
{%- for type in shop.enabled_payment_types -%}
<li class="HorizontalList__Item">{{ type | payment_type_svg_tag }}</li>
{%- endfor -%}
{%- endcapture -%}

{%- if payment_methods != blank -%}
<ul class="Footer__PaymentList HorizontalList">
{{ payment_methods }}
<li class="list-payment__item Klarna_Payment">
<img class= "icon icon--full-color" src="https://upload.wikimedia.org/wikipedia/commons/4/40/Klarna_Payment_Badge.svg" alt="{{ shop.name }}" itemprop="logo">
</li>
</ul>
{%- endif -%}
{%- endif -%}
</div>
</div>
</footer>

<style>
.Klarna_Payment img {width: 40px;}
</style>
{% schema %}
{
"name": "Footer",
"class": "shopify-section--footer",
"settings": [
{
"type": "checkbox",
"id": "show_payment_methods",
"label": "Show payment methods",
"info": "Payment method icons are automatically displayed based on your Shopify payment methods.",
"default": true
}
],
"blocks": [
{
"type": "text",
"name": "Text",
"settings": [
{
"type": "text",
"id": "title",
"label": "Heading",
"default": "About the shop"
},
{
"type": "richtext",
"id": "content",
"label": "Text",
"default": "<p>Use this text area to tell your customers about your brand and vision. You can change it in the theme settings.</p>"
},
{
"type": "checkbox",
"id": "show_social_media",
"label": "Show social media",
"info": "Make sure to have properly configured your social media in the theme settings.",
"default": true
}
]
},
{
"type": "links",
"name": "Links",
"settings": [
{
"type": "link_list",
"id": "menu",
"label": "Menu",
"info": "This menu won't show dropdown items."
}
]
},
{
"type": "newsletter",
"name": "Newsletter",
"limit": 1,
"settings": [
{
"type": "paragraph",
"content": "Customers who subscribe will have their email address added to the \"accepts marketing\" [customer list](/admin/customers?query=&accepts_marketing=1)."
},
{
"type": "text",
"id": "title",
"label": "Heading",
"default": "Newsletter"
},
{
"type": "richtext",
"id": "content",
"label": "Text",
"default": "<p>A short sentence describing what someone will receive by subscribing</p>"
}
]
}
],
"default": {
"blocks": [
{
"type": "text",
"settings": {}
},
{
"type": "links",
"settings": {
"menu": "footer"
}
},
{
"type": "newsletter",
"settings": {}
}
]
}
}
{% endschema %}

[rosyecommerce]

Thank you very much @KetanKumar ! Super fast response and i now have the Klarna logo in my footer! I wish you a great day!

[KetanKumar]

@rosyecommerce 

its my pleasure to help us 

I have one more question, is it possible to put the logo next to the other logo's instead underneath? 

please share screenshot where  did you add

[rosyecommerce]

I have one more question, is it possible to put the logo next to the other logo's instead underneath? 

[RazKen]

Can I use this code as it is?

[KetanKumar]

@RazKen 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

[RazKen]

Thank you for the reply.

The website is:
www.razken.ca

Thank you 🙏

[KetanKumar]

@RazKen 

can you please send your footer code so i will check and update

[RazKen]

Where can I find it please?

Sorry about that!

[KetanKumar]

@RazKen 

oh no rush

Go to Edit Code >>>> Section >>>> Footer

[RazKen]

{% capture theme_settings_link %}<a href="/admin/themes/{{ theme.id }}/settings">{{ 'layout.footer.theme_settings' | t }}</a>{% endcapture %}

<footer class="site-footer small--text-center" role="contentinfo">
<div class="wrapper">

<div class="grid">

{% for block in section.blocks %}

{% case block.settings.width %}
{% when '16%' %}
{%- assign block_width = 'small--one-whole two-twelfths' -%}
{% when '25%' %}
{%- assign block_width = 'small--one-whole one-quarter' -%}
{% when '33%' %}
{%- assign block_width = 'small--one-whole one-third' -%}
{% when '50%' %}
{%- assign block_width = 'small--one-whole one-half' -%}
{% when '66%' %}
{%- assign block_width = 'small--one-whole two-thirds' -%}
{% when '75%' %}
{%- assign block_width = 'small--one-whole three-quarters' -%}
{% when '100%' %}
{%- assign block_width = 'one-whole' -%}
{% endcase %}

<div class="grid-item {{ block_width }}">
{% if block.settings.title %}
<h3>{{ block.settings.title | escape }}</h3>
{% endif %}

{% case block.type %}

{% when 'menu' %}
<ul>
{% for link in linklists[block.settings.menu].links %}
<li><a href="{{ link.url }}">{{ link.title }}</a></li>
{% else %}
{% capture theme_settings_footer_linklist_path %}<strong>Footer</strong> > <strong>Quick links link list</strong>{% endcapture %}
{{ 'layout.footer.instructions_for_linklist_html' | t: theme_settings_link: theme_settings_link, theme_settings_footer_linklist_path: theme_settings_footer_linklist_path }}
{% endfor %}
</ul>

{% when 'text' %}

{% if block.settings.richtext != blank %}
{{ block.settings.richtext }}
{% else %}
<p>{{ 'layout.footer.instructions_for_text_content_html' | t: theme_settings_link: theme_settings_link }}</p>
{% endif %}

{% when 'newsletter' %}
<div class="site-footer__newsletter-subtext">
{% if block.settings.subtext != blank %}
{{ block.settings.subtext }}
{% endif %}
</div>
{% include 'newsletter-form' with button: 'secondary' %}
{% endcase %}
</div>
{% endfor %}

</div>

{% if section.settings.social_enabled or section.settings.legal_menu != blank %}
<hr class="hr--small">
{% endif %}

<div class="grid">
{% if section.settings.legal_menu != blank %}
<div class="grid-item{% if section.settings.social_enabled %} large--two-fifths{% else %} one-whole text-center{% endif %}">

<ul class="legal-links inline-list">
{% for link in linklists[section.settings.legal_menu].links %}
<li><a href="{{ link.url }}">{{ link.title }}</a></li>
{% endfor %}
</ul>
</div>
{% endif %}
{% if section.settings.social_enabled %}
<div class="grid-item{% if section.settings.legal_menu != blank %} large--three-fifths text-right{% else %} one-whole text-center{% endif %}">
<ul class="inline-list social-icons">
{% if settings.social_twitter_link != blank %}
<li>
<a class="icon-fallback-text" href="{{ settings.social_twitter_link | escape }}" title="{{ 'layout.footer.store_on_social_network' | t: store_name: shop.name, social_network: 'Twitter' | escape }}">
<span class="icon icon-twitter" aria-hidden="true"></span>
<span class="fallback-text">Twitter</span>
</a>
</li>
{% endif %}
{% if settings.social_facebook_link != blank %}
<li>
<a class="icon-fallback-text" href="{{ settings.social_facebook_link | escape }}" title="{{ 'layout.footer.store_on_social_network' | t: store_name: shop.name, social_network: 'Facebook' | escape }}">
<span class="icon icon-facebook" aria-hidden="true"></span>
<span class="fallback-text">Facebook</span>
</a>
</li>
{% endif %}
{% if settings.social_pinterest_link != blank %}
<li>
<a class="icon-fallback-text" href="{{ settings.social_pinterest_link | escape }}" title="{{ 'layout.footer.store_on_social_network' | t: store_name: shop.name, social_network: 'Pinterest' | escape }}">
<span class="icon icon-pinterest" aria-hidden="true"></span>
<span class="fallback-text">Pinterest</span>
</a>
</li>
{% endif %}
{% if settings.social_google_plus_link != blank %}
<li>
<a class="icon-fallback-text" href="{{ settings.social_google_plus_link | escape }}" title="{{ 'layout.footer.store_on_social_network' | t: store_name: shop.name, social_network: 'Google' | escape }}" rel="publisher">
<span class="icon icon-google_plus" aria-hidden="true"></span>
<span class="fallback-text">Google</span>
</a>
</li>
{% endif %}
{% if settings.social_instagram_link != blank %}
<li>
<a class="icon-fallback-text" href="{{ settings.social_instagram_link | escape }}" title="{{ 'layout.footer.store_on_social_network' | t: store_name: shop.name, social_network: 'Instagram' | escape }}">
<span class="icon icon-instagram" aria-hidden="true"></span>
<span class="fallback-text">Instagram</span>
</a>
</li>
{% endif %}
{% if settings.social_snapchat_link != blank %}
<li>
<a class="icon-fallback-text" href="{{ settings.social_snapchat_link }}" title="{{ 'layout.footer.store_on_social_network' | t: store_name: shop.name, social_network: 'Snapchat' | escape }}">
<span class="icon icon-snapchat" aria-hidden="true"></span>
<span class="fallback-text">Snapchat</span>
</a>
</li>
{% endif %}
{% if settings.social_tumblr_link != blank %}
<li>
<a class="icon-fallback-text" href="{{ settings.social_tumblr_link | escape }}" title="{{ 'layout.footer.store_on_social_network' | t: store_name: shop.name, social_network: 'Tumblr' | escape }}">
<span class="icon icon-tumblr" aria-hidden="true"></span>
<span class="fallback-text">Tumblr</span>
</a>
</li>
{% endif %}
{% if settings.social_youtube_link != blank %}
<li>
<a class="icon-fallback-text" href="{{ settings.social_youtube_link | escape }}" title="{{ 'layout.footer.store_on_social_network' | t: store_name: shop.name, social_network: 'YouTube' | escape }}">
<span class="icon icon-youtube" aria-hidden="true"></span>
<span class="fallback-text">YouTube</span>
</a>
</li>
{% endif %}
{% if settings.social_vimeo_link != blank %}
<li>
<a class="icon-fallback-text" href="{{ settings.social_vimeo_link | escape }}" title="{{ 'layout.footer.store_on_social_network' | t: store_name: shop.name, social_network: 'Vimeo' | escape }}">
<span class="icon icon-vimeo" aria-hidden="true"></span>
<span class="fallback-text">Vimeo</span>
</a>
</li>
{% endif %}
{% if settings.social_fancy_link != blank %}
<li>
<a class="icon-fallback-text" href="{{ settings.social_fancy_link | escape }}" title="{{ 'layout.footer.store_on_social_network' | t: store_name: shop.name, social_network: 'Fancy' | escape }}">
<span class="icon icon-fancy" aria-hidden="true"></span>
<span class="fallback-text">Fancy</span>
</a>
</li>
{% endif %}
</ul>
</div>
{% endif %}
</div>
<hr class="hr--small">
<div class="grid">
<div class="grid-item{% unless shop.enabled_payment_types == empty %} large--two-fifths{% endunless %}">
<ul class="legal-links inline-list">
<li>
&copy; 2017-{{ 'now' | date: '%Y' }} {{ shop.name | link_to: routes.root_url }}
</li>
<li>
{{ powered_by_link }}
</li>
</ul>
</div>

{%- if section.settings.show_payment_icons -%}
{%- unless shop.enabled_payment_types == empty -%}
<div class="grid-item large--three-fifths large--text-right">
<span class="visually-hidden">{{ 'general.payment.method' | t }}</span>
<ul class="inline-list payment-icons">
{%- for type in shop.enabled_payment_types -%}
<li>
{{ type | payment_type_svg_tag: class: 'icon' }}
</li>
{%- endfor -%}
</ul>
</div>
{%- endunless -%}
{%- endif -%}

</div>

</div>

</footer>

{% schema %}
{
"name": {
"da": "Sidefod",
"de": "Fußzeile",
"en": "Footer",
"es": "Pie de página",
"fi": "Alatunniste",
"fr": "Pied de page",
"hi": "फुटर",
"it": "Footer",
"ja": "フッター",
"ko": "바닥글",
"nb": "Footer",
"nl": "Voettekst",
"pt-BR": "Rodapé",
"pt-PT": "Rodapé",
"sv": "Sidfot",
"th": "ส่วนท้าย",
"zh-CN": "页脚",
"zh-TW": "頁尾"
},
"class": "footer-section",
"settings": [
{
"type": "checkbox",
"id": "social_enabled",
"label": {
"da": "Vis ikoner for sociale medier",
"de": "Social-Media-Symbole anzeigen",
"en": "Show social media icons",
"es": "Mostrar iconos de redes sociales",
"fi": "Näytä some-kuvakkeet",
"fr": "Afficher les icônes des médias sociaux",
"hi": "सोशल मीडिया आइकन दिखाएं",
"it": "Mostra icone social media",
"ja": "ソーシャルメディアのアイコンを表示する",
"ko": "소셜 미디어 아이콘 표시",
"nb": "Vis ikoner for sosiale medier",
"nl": "Pictogrammen social media weergeven",
"pt-BR": "Exibir ícones de redes sociais",
"pt-PT": "Mostrar ícones de redes sociais",
"sv": "sociala medier-ikoner",
"th": "แสดงไอคอนโซเชียลมีเดีย",
"zh-CN": "显示社交媒体图标",
"zh-TW": "顯示社群媒體圖示"
},
"info": {
"da": "Tilføj konti i afsnittet Sociale medier",
"de": "Konten im Social-Media-Abschnitt hinzufügen",
"en": "Add accounts in Social media section",
"es": "Agregar cuentas en la sección de redes sociales",
"fi": "Lisää tilejä sosiaalisen median osiossa",
"fr": "Ajouter les comptes dans la section Médias sociaux",
"hi": "सोशल मीडिया सेक्शन में खाते जोड़ें",
"it": "Aggiungi account nella sezione Social media",
"ja": "ソーシャルメディアのセクションにアカウントを追加する",
"ko": "소셜 미디어 섹션에 계정 추가",
"nb": "Legg til kontoer i Sosiale medier-delen",
"nl": "Accounts toevoegen in deel Social media",
"pt-BR": "Adicionar contas na seção Redes sociais",
"pt-PT": "Adicionar contas na secção de Redes sociais",
"sv": "Lägg till konton i avsnittet Social media",
"th": "เพิ่มบัญชีผู้ใช้ในส่วนโซเชียลมีเดีย",
"zh-CN": "在社交媒体部分中添加账户",
"zh-TW": "在社群媒體區段新增帳戶"
}
},
{
"type": "checkbox",
"id": "show_payment_icons",
"label": {
"da": "Vis betalingsikoner",
"de": "Zahlungssymbole anzeigen",
"en": "Show payment icons",
"es": "Mostrar iconos de pago",
"fi": "Näytä maksukuvakkeet",
"fr": "Afficher les icônes de paiement",
"hi": "भुगतान आइकन दिखाएं",
"it": "Mostra le icone di pagamento",
"ja": "支払いアイコンを表示する",
"ko": "결제 아이콘 표시",
"nb": "Vis betalingsikoner",
"nl": "Betalingspictogrammen weergeven",
"pt-BR": "Exibir ícones de pagamento",
"pt-PT": "Mostrar ícones de pagamento",
"sv": "Visa betalningsikoner",
"th": "แสดงไอคอนการชำระเงิน",
"zh-CN": "显示付款图标",
"zh-TW": "顯示付款圖示"
},
"default": true
},
{
"type": "link_list",
"id": "legal_menu",
"label": {
"da": "Juridisk menu",
"de": "Rechtliches Menü",
"en": "Legal menu",
"es": "Menú legal",
"fi": "Oikeustieto-valikko",
"fr": "Menu juridique",
"hi": "कानूनी मेनू",
"it": "Menu legale",
"ja": "リーガルメニュー",
"ko": "법률 메뉴",
"nb": "Juridisk meny",
"nl": "Menu Juridisch",
"pt-BR": "Menu Aviso legal",
"pt-PT": "Menu legal",
"sv": "Juridisk meny",
"th": "เมนูกฎหมาย",
"zh-CN": "法律菜单",
"zh-TW": "法律選單"
}
}
],
"max_blocks": 9,
"blocks": [
{
"type": "menu",
"name": {
"da": "Menu",
"de": "Menü",
"en": "Menu",
"es": "Menú",
"fi": "Valikko",
"fr": "Menu",
"hi": "मेनू",
"it": "Menu",
"ja": "メニュー",
"ko": "메뉴",
"nb": "Meny",
"nl": "Menu",
"pt-BR": "Menu",
"pt-PT": "Menu",
"sv": "Meny",
"th": "เมนู",
"zh-CN": "菜单",
"zh-TW": "選單"
},
"settings": [
{
"type": "text",
"id": "title",
"label": {
"da": "Overskrift",
"de": "Titel",
"en": "Heading",
"es": "Título",
"fi": "Otsake",
"fr": "Titre",
"hi": "शीर्षक",
"it": "Heading",
"ja": "見出し",
"ko": "제목",
"nb": "Overskrift",
"nl": "Kop",
"pt-BR": "Título",
"pt-PT": "Título",
"sv": "Rubrik",
"th": "ส่วนหัว",
"zh-CN": "标题",
"zh-TW": "標題"
},
"default": {
"da": "Hurtige links",
"de": "Quick-Links",
"en": "Quick links",
"es": "Enlaces rápidos",
"fi": "Pikalinkit",
"fr": "Liens rapides",
"hi": "त्वरित लिंक",
"it": "Link rapidi",
"ja": "クイックリンク",
"ko": "빠른 링크",
"nb": "Hurtigkoblinger",
"nl": "Snelle links",
"pt-BR": "Links rápidos",
"pt-PT": "Ligações rápidas",
"sv": "Snabblänkar",
"th": "ลิงก์ด่วน",
"zh-CN": "快速链接",
"zh-TW": "快速連結"
}
},
{
"type": "link_list",
"id": "menu",
"label": {
"da": "Menu",
"de": "Menü",
"en": "Menu",
"es": "Menú",
"fi": "Valikko",
"fr": "Menu",
"hi": "मेनू",
"it": "Menu",
"ja": "メニュー",
"ko": "메뉴",
"nb": "Meny",
"nl": "Menu",
"pt-BR": "Menu",
"pt-PT": "Menu",
"sv": "Meny",
"th": "เมนู",
"zh-CN": "菜单",
"zh-TW": "選單"
}
},
{
"type": "select",
"id": "width",
"label": {
"da": "Containerbredde",
"de": "Breite des Elements",
"en": "Container width",
"es": "Ancho del contenedor",
"fi": "Säiliön leveys",
"fr": "Largeur du conteneur",
"hi": "कंटेनर की चौड़ाई",
"it": "Larghezza contenitore",
"ja": "コンテナーの幅",
"ko": "컨테이너 폭",
"nb": "Beholderbredde",
"nl": "Containerbreedte",
"pt-BR": "Largura do contêiner",
"pt-PT": "Largura do recipiente",
"sv": "Container-bredd",
"th": "ความกว้างของความจุ",
"zh-CN": "容器宽度",
"zh-TW": "容器寬度"
},
"default": "16%",
"options": [
{
"value": "16%",
"label": {
"da": "16 %",
"de": "16 %",
"en": "16%",
"es": "16%",
"fi": "16%",
"fr": "16 %",
"hi": "16%",
"it": "16%",
"ja": "16％",
"ko": "16%",
"nb": "16 %",
"nl": "16%",
"pt-BR": "16%",
"pt-PT": "16%",
"sv": "16%",
"th": "16%",
"zh-CN": "16%",
"zh-TW": "16%"
}
},
{
"value": "25%",
"label": {
"da": "25 %",
"de": "25%",
"en": "25%",
"es": "25%",
"fi": "25 %",
"fr": "25 %",
"hi": "25%",
"it": "25%",
"ja": "25%",
"ko": "25%",
"nb": "25 %",
"nl": "25%",
"pt-BR": "25%",
"pt-PT": "25%",
"sv": "25 %",
"th": "25%",
"zh-CN": "25％",
"zh-TW": "25%"
}
},
{
"value": "33%",
"label": {
"da": "33 %",
"de": "33%",
"en": "33%",
"es": "33%",
"fi": "33 %",
"fr": "33 %",
"hi": "33%",
"it": "33%",
"ja": "33%",
"ko": "33%",
"nb": "33 %",
"nl": "33%",
"pt-BR": "33%",
"pt-PT": "33%",
"sv": "33 %",
"th": "33%",
"zh-CN": "33%",
"zh-TW": "33%"
}
},
{
"value": "50%",
"label": {
"da": "50 %",
"de": "50%",
"en": "50%",
"es": "50%",
"fi": "50 %",
"fr": "50 %",
"hi": "50%",
"it": "50%",
"ja": "50%",
"ko": "50%",
"nb": "50 %",
"nl": "50%",
"pt-BR": "50%",
"pt-PT": "50%",
"sv": "50 %",
"th": "50%",
"zh-CN": "50%",
"zh-TW": "50%"
}
},
{
"value": "66%",
"label": {
"da": "66 %",
"de": "66%",
"en": "66%",
"es": "66%",
"fi": "66 %",
"fr": "66 %",
"hi": "66%",
"it": "66%",
"ja": "66%",
"ko": "66%",
"nb": "66 %",
"nl": "66%",
"pt-BR": "66%",
"pt-PT": "66%",
"sv": "66 %",
"th": "66%",
"zh-CN": "66%",
"zh-TW": "66%"
}
},
{
"value": "75%",
"label": {
"da": "75 %",
"de": "75%",
"en": "75%",
"es": "75%",
"fi": "75 %",
"fr": "75 %",
"hi": "75%",
"it": "75%",
"ja": "75%",
"ko": "75%",
"nb": "75 %",
"nl": "75%",
"pt-BR": "75%",
"pt-PT": "75%",
"sv": "75 %",
"th": "75%",
"zh-CN": "75%",
"zh-TW": "75%"
}
},
{
"value": "100%",
"label": {
"da": "100 %",
"de": "100%",
"en": "100%",
"es": "100%",
"fi": "100 %",
"fr": "100 %",
"hi": "100%",
"it": "100%",
"ja": "100%",
"ko": "100%",
"nb": "100 %",
"nl": "100%",
"pt-BR": "100%",
"pt-PT": "100%",
"sv": "100 %",
"th": "100%",
"zh-CN": "100%",
"zh-TW": "100%"
}
}
]
}
]
},
{
"type": "text",
"name": {
"da": "RTF",
"de": "Rich Text",
"en": "Rich text",
"es": "Texto enriquecido",
"fi": "Rich text",
"fr": "Texte enrichi",
"hi": "रिच टेक्स्ट",
"it": "Rich text",
"ja": "リッチテキスト",
"ko": "서식있는 텍스트",
"nb": "Rich text",
"nl": "Tekst met opmaak",
"pt-BR": "Rich text",
"pt-PT": "Texto formatado",
"sv": "Rich text",
"th": "Rich Text",
"zh-CN": "格式文本",
"zh-TW": "RTF 文字"
},
"settings": [
{
"type": "text",
"id": "title",
"label": {
"da": "Overskrift",
"de": "Titel",
"en": "Heading",
"es": "Título",
"fi": "Otsake",
"fr": "Titre",
"hi": "शीर्षक",
"it": "Heading",
"ja": "見出し",
"ko": "제목",
"nb": "Overskrift",
"nl": "Kop",
"pt-BR": "Título",
"pt-PT": "Título",
"sv": "Rubrik",
"th": "ส่วนหัว",
"zh-CN": "标题",
"zh-TW": "標題"
},
"default": {
"da": "Kontakt os",
"de": "Kontakt aufnehmen",
"en": "Get in touch",
"es": "Ponerse en contacto",
"fi": "Ota yhteyttä",
"fr": "Entrer en contact",
"hi": "संपर्क में रहें",
"it": "Contattaci",
"ja": "お問い合わせはこちらから",
"ko": "연락하기",
"nb": "Ta kontakt",
"nl": "Neem contact op",
"pt-BR": "Entre em contato",
"pt-PT": "Contacte",
"sv": "Komma i kontakt",
"th": "ติดต่อ",
"zh-CN": "取得联系",
"zh-TW": "請與我們聯絡"
}
},
{
"type": "richtext",
"id": "richtext",
"label": {
"da": "Tekst",
"de": "Text",
"en": "Text",
"es": "Texto",
"fi": "Teksti",
"fr": "Texte",
"hi": "टेक्स्ट",
"it": "Testo",
"ja": "テキスト",
"ko": "텍스트",
"nb": "Tekst",
"nl": "Tekst",
"pt-BR": "Texto",
"pt-PT": "Texto",
"sv": "Text",
"th": "ข้อความ",
"zh-CN": "文本",
"zh-TW": "文字"
},
"default": {
"da": "<p>Brug denne tekst til at dele oplysninger om dit brand med dine kunder.</p>",
"de": "<p>Mit diesem Text können Sie Ihre Kunden über Ihre Marke informieren.</p>",
"en": "<p>Use this text to share information about your brand with your customers.</p>",
"es": "<p>Usa este texto para compartir información sobre tu marca con tus clientes.</p>",
"fi": "<p>Tätä tekstiä voidaan käyttää brändiäsi koskevien tietojen jakamiseen asiakkaille.</p>",
"fr": "<p>Utilisez ce texte pour partager des informations sur votre marque avec vos clients.</p>",
"hi": "<p>अपने ग्राहकों के साथ अपने ब्रैंड के बारे में जानकारी शेयर करने के लिए इस टेक्स्ट का उपयोग करें.</p>",
"it": "<p>Utilizza questo spazio per condividere informazioni sul tuo brand con i clienti.</p>",
"ja": "<p>このテキストを使用して、あなたのブランドに関する情報をお客様と共有します。</p>",
"ko": "<p>이 텍스트는 고객의 브랜드에 대한 정보를 공유하는데 사용하십시오.</p>",
"nb": "<p>Bruk denne teksten til å dele informasjon om merkevaren din med kundene dine.</p>",
"nl": "<p>Gebruik deze tekst om informatie over je merk met je klanten te delen.</p>",
"pt-BR": "<p>Use este texto para compartilhar informações sobre sua marca com seus clientes.</p>",
"pt-PT": "<p>Utilize este texto para partilhar informações sobre a sua marca com os seus clientes.</p>",
"sv": "<p>Använd den här texten för att dela information om ditt varumärke med dina kunder.</p>",
"th": "<p>ใช้ข้อความนี้เพื่อแชร์ข้อมูลเกี่ยวกับแบรนด์และลูกค้าของคุณ</p>",
"zh-CN": "<p>使用此文本与您的客户分享有关您的品牌的信息。</p>",
"zh-TW": "<p>請利用此段文字跟顧客分享您的品牌資訊。</p>"
}
},
{
"type": "select",
"id": "width",
"label": {
"da": "Containerbredde",
"de": "Breite des Elements",
"en": "Container width",
"es": "Ancho del contenedor",
"fi": "Säiliön leveys",
"fr": "Largeur du conteneur",
"hi": "कंटेनर की चौड़ाई",
"it": "Larghezza contenitore",
"ja": "コンテナーの幅",
"ko": "컨테이너 폭",
"nb": "Beholderbredde",
"nl": "Containerbreedte",
"pt-BR": "Largura do contêiner",
"pt-PT": "Largura do recipiente",
"sv": "Container-bredd",
"th": "ความกว้างของความจุ",
"zh-CN": "容器宽度",
"zh-TW": "容器寬度"
},
"default": "50%",
"options": [
{
"value": "16%",
"label": {
"da": "16 %",
"de": "16 %",
"en": "16%",
"es": "16%",
"fi": "16%",
"fr": "16 %",
"hi": "16%",
"it": "16%",
"ja": "16％",
"ko": "16%",
"nb": "16 %",
"nl": "16%",
"pt-BR": "16%",
"pt-PT": "16%",
"sv": "16%",
"th": "16%",
"zh-CN": "16%",
"zh-TW": "16%"
}
},
{
"value": "25%",
"label": {
"da": "25 %",
"de": "25%",
"en": "25%",
"es": "25%",
"fi": "25 %",
"fr": "25 %",
"hi": "25%",
"it": "25%",
"ja": "25%",
"ko": "25%",
"nb": "25 %",
"nl": "25%",
"pt-BR": "25%",
"pt-PT": "25%",
"sv": "25 %",
"th": "25%",
"zh-CN": "25％",
"zh-TW": "25%"
}
},
{
"value": "33%",
"label": {
"da": "33 %",
"de": "33%",
"en": "33%",
"es": "33%",
"fi": "33 %",
"fr": "33 %",
"hi": "33%",
"it": "33%",
"ja": "33%",
"ko": "33%",
"nb": "33 %",
"nl": "33%",
"pt-BR": "33%",
"pt-PT": "33%",
"sv": "33 %",
"th": "33%",
"zh-CN": "33%",
"zh-TW": "33%"
}
},
{
"value": "50%",
"label": {
"da": "50 %",
"de": "50%",
"en": "50%",
"es": "50%",
"fi": "50 %",
"fr": "50 %",
"hi": "50%",
"it": "50%",
"ja": "50%",
"ko": "50%",
"nb": "50 %",
"nl": "50%",
"pt-BR": "50%",
"pt-PT": "50%",
"sv": "50 %",
"th": "50%",
"zh-CN": "50%",
"zh-TW": "50%"
}
},
{
"value": "66%",
"label": {
"da": "66 %",
"de": "66%",
"en": "66%",
"es": "66%",
"fi": "66 %",
"fr": "66 %",
"hi": "66%",
"it": "66%",
"ja": "66%",
"ko": "66%",
"nb": "66 %",
"nl": "66%",
"pt-BR": "66%",
"pt-PT": "66%",
"sv": "66 %",
"th": "66%",
"zh-CN": "66%",
"zh-TW": "66%"
}
},
{
"value": "75%",
"label": {
"da": "75 %",
"de": "75%",
"en": "75%",
"es": "75%",
"fi": "75 %",
"fr": "75 %",
"hi": "75%",
"it": "75%",
"ja": "75%",
"ko": "75%",
"nb": "75 %",
"nl": "75%",
"pt-BR": "75%",
"pt-PT": "75%",
"sv": "75 %",
"th": "75%",
"zh-CN": "75%",
"zh-TW": "75%"
}
},
{
"value": "100%",
"label": {
"da": "100 %",
"de": "100%",
"en": "100%",
"es": "100%",
"fi": "100 %",
"fr": "100 %",
"hi": "100%",
"it": "100%",
"ja": "100%",
"ko": "100%",
"nb": "100 %",
"nl": "100%",
"pt-BR": "100%",
"pt-PT": "100%",
"sv": "100 %",
"th": "100%",
"zh-CN": "100%",
"zh-TW": "100%"
}
}
]
}
]
},
{
"type": "newsletter",
"name": {
"da": "Tilmelding til nyhedsbrev",
"de": "Newsletter-Anmeldung",
"en": "Newsletter signup",
"es": "Suscripción al boletín",
"fi": "Uutiskirjeen tilaus",
"fr": "Inscription",
"hi": "न्यूज़लेटर साइनअप",
"it": "Iscrizione newsletter",
"ja": "ニュースレターの登録",
"ko": "뉴스레터 신청",
"nb": "Registrering for nyhetsbrev",
"nl": "Nieuwsbriefaanmelding",
"pt-BR": "Assinatura da newsletter",
"pt-PT": "Registo na newsletter",
"sv": "Nyhetsbrevsregistrering",
"th": "การสมัครรับจดหมายข่าว",
"zh-CN": "新闻通讯注册",
"zh-TW": "訂閱電子報"
},
"limit": 1,
"settings": [
{
"type": "text",
"id": "title",
"label": {
"da": "Overskrift",
"de": "Titel",
"en": "Heading",
"es": "Título",
"fi": "Otsake",
"fr": "Titre",
"hi": "शीर्षक",
"it": "Heading",
"ja": "見出し",
"ko": "제목",
"nb": "Overskrift",
"nl": "Kop",
"pt-BR": "Título",
"pt-PT": "Título",
"sv": "Rubrik",
"th": "ส่วนหัว",
"zh-CN": "标题",
"zh-TW": "標題"
},
"default": {
"da": "Nyhedsbrev",
"de": "Newsletter",
"en": "Newsletter",
"es": "Boletín",
"fi": "Uutiskirje",
"fr": "Newsletter",
"hi": "न्यूज़लेटर",
"it": "Newsletter",
"ja": "ニュースレター",
"ko": "뉴스레터",
"nb": "Nyhetsbrev",
"nl": "Nieuwsbrief",
"pt-BR": "Newsletter",
"pt-PT": "Newsletter",
"sv": "Nyhetsbrev",
"th": "จดหมายข่าว",
"zh-CN": "新闻通讯",
"zh-TW": "電子報"
}
},
{
"type": "richtext",
"id": "subtext",
"label": {
"da": "Undertekst",
"de": "Subtext",
"en": "Subtext",
"es": "Subtexto",
"fi": "Alateksti",
"fr": "Sous-texte",
"hi": "सबटेक्स्ट",
"it": "Sottotesto",
"ja": "サブテキスト",
"ko": "하위 텍스트",
"nb": "Undertekst",
"nl": "Subtekst",
"pt-BR": "Subtexto",
"pt-PT": "Subtexto",
"sv": "Undertext",
"th": "ข้อความรอง",
"zh-CN": "子文本",
"zh-TW": "子文字"
},
"default": {
"da": "<p>Reklamer, nye produkter og salg. Direkte i din indbakke.</p>",
"de": "<p>Werbeaktionen, neue Produkte und Sonderangebote. Direkt in Ihrem Posteingang.</p>",
"en": "<p>Promotions, new products and sales. Directly to your inbox.</p>",
"es": "<p>Promociones, nuevos productos y ventas. Directamente a tu bandeja de entrada.</p>",
"fi": "<p>Kampanjat, uudet tuotteet ja myynti. Suoraan saapuneet-kansioosi</p>",
"fr": "<p>Promotions, nouveaux produits et soldes. Directement dans votre boîte de réception.</p>",
"hi": "<p>प्रमोशन, नए उत्पाद और सेल. सीधे आपके इनबॉक्स में.</p>",
"it": "<p>Promozioni, nuovi prodotti e offerte. Direttamente nella tua casella di posta.</p>",
"ja": "<p>新商品やセール情報などのお得な情報をお届けします。</p>",
"ko": "<p>프로모션, 신제품, 판매. 받은 편지함으로 바로 이동.</p>",
"nb": "<p>Kampanjer, nye produkter og salg. Direkte i innboksen din.</p>",
"nl": "<p>Promoties, nieuwe producten en uitverkoop rechtstreeks in je inbox.</p>",
"pt-BR": "<p>Promoções, novos produtos e ofertas, diretamente em sua caixa de entrada.</p>",
"pt-PT": "<p>Promoções, novos produtos e ofertas. Diretamente na sua caixa de entrada.</p>",
"sv": "<p>Kampanjer, nya produkter och försäljning. Direkt till din inkorg.</p>",
"th": "<p>โปรโมชัน สินค้าใหม่ และการลดราคา ตรงสู่กล่องจดหมายเข้าของคุณ</p>",
"zh-CN": "<p>促销、新产品和销售。直接发送到您的收件箱。</p>",
"zh-TW": "<p>讓您直接在收件匣內收取促銷活動、最新產品和特賣活動訊息。</p>"
}
},
{
"type": "paragraph",
"content": {
"da": "Alle kunder, der tilmelder sig, får oprettet en konto i Shopify. [Se kunder](/admin/customers?query=&accepts_marketing=1)",
"de": "Alle Kunden, die sich eintragen, bekommen ein Konto in Shopify. [Kunden ansehen](/admin/customers?query=&accepts_marketing=1)",
"en": "Any customers who sign up will have an account created for them in Shopify. [View customers](/admin/customers?query=&accepts_marketing=1)",
"es": "Todos los clientes que se registren tendrán una cuenta creada para ellos en Shopify. [Ver clientes](/admin/customers?query=&accepts_marketing=1)",
"fi": "Tilaaville asiakkaille luodaan tili Shopify-palvelussa. [Näytä asiakkaat](/admin/customers?query=&accepts_marketing=1)",
"fr": "Tous les clients qui s'inscrivent auront un compte créé pour eux sur Shopify. [Voir les clients](/admin/customers?query=&accepts_marketing=1)",
"hi": "साइन अप करने वाले कोई भी ग्राहक, के पास Shopify में खाता बनाया जाएगा. [ग्राहक देखें](/admin/customers?query=&accepts_marketing=1)",
"it": "Qualsiasi cliente che si iscrive avrà un account creato appositamente su Shopify. [Visualizza clienti](/admin/customers?query=&accepts_marketing=1)",
"ja": "サインアップしたお客様は、Shopifyでアカウントが作成されます。[お客様を表示](/admin/customers?query=&accepts_marketing=1)",
"ko": "가입한 고객은 Shopify에서 생성된 계정을 보유하게 됩니다. [고객보기](/admin/customers? query=& accepts_marketing=1)",
"nb": "Alle kunder som melder seg på, vil få opprettet en konto i Shopify. [Se kunder](/admin/customers?query=&accepts_marketing=1)",
"nl": "Voor alle klanten die zich aanmelden, wordt een Shopify-account gemaakt. [Klanten weergeven](/admin/customers?query=&accepts_marketing=1)",
"pt-BR": "Todos os clientes que se inscreverem terão uma conta criada para eles na Shopify. [Visualizar clientes](/admin/customers?query=&accepts_marketing=1)",
"pt-PT": "Será criada uma conta na Shopify para todos os clientes que se registarem. [Ver clientes](/admin/customers?query=&accepts_marketing=1)",
"sv": "Alla kunder som registrerar sig kommer att få ett konto skapat i Shopify. [Visa kunder](/ admin / kunder? Query = & accepts_marketing = 1)",
"th": "ระบบจะสร้างบัญชีผู้ใช้ใน Shopify ให้แก่ลูกค้ารายใดก็ตามที่ลงทะเบียน [ดูลูกค้า](/admin/customers?query=&accepts_marketing=1)",
"zh-CN": "任何注册用户都将在 Shopify 中拥有一个为他们创建的账户。[查看客户](/admin/customers?query=&accepts_marketing=1)",
"zh-TW": "顧客註冊後就可以擁有 Shopify 的帳戶。[檢視顧客](/admin/customers?query=&accepts_marketing=1)"
}
},
{
"type": "select",
"id": "width",
"label": {
"da": "Containerbredde",
"de": "Breite des Elements",
"en": "Container width",
"es": "Ancho del contenedor",
"fi": "Säiliön leveys",
"fr": "Largeur du conteneur",
"hi": "कंटेनर की चौड़ाई",
"it": "Larghezza contenitore",
"ja": "コンテナーの幅",
"ko": "컨테이너 폭",
"nb": "Beholderbredde",
"nl": "Containerbreedte",
"pt-BR": "Largura do contêiner",
"pt-PT": "Largura do recipiente",
"sv": "Container-bredd",
"th": "ความกว้างของความจุ",
"zh-CN": "容器宽度",
"zh-TW": "容器寬度"
},
"default": "33%",
"options": [
{
"value": "25%",
"label": {
"da": "25 %",
"de": "25%",
"en": "25%",
"es": "25%",
"fi": "25 %",
"fr": "25 %",
"hi": "25%",
"it": "25%",
"ja": "25%",
"ko": "25%",
"nb": "25 %",
"nl": "25%",
"pt-BR": "25%",
"pt-PT": "25%",
"sv": "25 %",
"th": "25%",
"zh-CN": "25％",
"zh-TW": "25%"
}
},
{
"value": "33%",
"label": {
"da": "33 %",
"de": "33%",
"en": "33%",
"es": "33%",
"fi": "33 %",
"fr": "33 %",
"hi": "33%",
"it": "33%",
"ja": "33%",
"ko": "33%",
"nb": "33 %",
"nl": "33%",
"pt-BR": "33%",
"pt-PT": "33%",
"sv": "33 %",
"th": "33%",
"zh-CN": "33%",
"zh-TW": "33%"
}
},
{
"value": "50%",
"label": {
"da": "50 %",
"de": "50%",
"en": "50%",
"es": "50%",
"fi": "50 %",
"fr": "50 %",
"hi": "50%",
"it": "50%",
"ja": "50%",
"ko": "50%",
"nb": "50 %",
"nl": "50%",
"pt-BR": "50%",
"pt-PT": "50%",
"sv": "50 %",
"th": "50%",
"zh-CN": "50%",
"zh-TW": "50%"
}
},
{
"value": "66%",
"label": {
"da": "66 %",
"de": "66%",
"en": "66%",
"es": "66%",
"fi": "66 %",
"fr": "66 %",
"hi": "66%",
"it": "66%",
"ja": "66%",
"ko": "66%",
"nb": "66 %",
"nl": "66%",
"pt-BR": "66%",
"pt-PT": "66%",
"sv": "66 %",
"th": "66%",
"zh-CN": "66%",
"zh-TW": "66%"
}
},
{
"value": "75%",
"label": {
"da": "75 %",
"de": "75%",
"en": "75%",
"es": "75%",
"fi": "75 %",
"fr": "75 %",
"hi": "75%",
"it": "75%",
"ja": "75%",
"ko": "75%",
"nb": "75 %",
"nl": "75%",
"pt-BR": "75%",
"pt-PT": "75%",
"sv": "75 %",
"th": "75%",
"zh-CN": "75%",
"zh-TW": "75%"
}
},
{
"value": "100%",
"label": {
"da": "100 %",
"de": "100%",
"en": "100%",
"es": "100%",
"fi": "100 %",
"fr": "100 %",
"hi": "100%",
"it": "100%",
"ja": "100%",
"ko": "100%",
"nb": "100 %",
"nl": "100%",
"pt-BR": "100%",
"pt-PT": "100%",
"sv": "100 %",
"th": "100%",
"zh-CN": "100%",
"zh-TW": "100%"
}
}
]
}
]
}
]
}
{% endschema %}

[RazKen]

{% capture theme_settings_link %}<a href="/admin/themes/{{ theme.id }}/settings">{{ 'layout.footer.theme_settings' | t }}</a>{% endcapture %}

<footer class="site-footer small--text-center" role="contentinfo">
<div class="wrapper">

<div class="grid">

{% for block in section.blocks %}

{% case block.settings.width %}
{% when '16%' %}
{%- assign block_width = 'small--one-whole two-twelfths' -%}
{% when '25%' %}
{%- assign block_width = 'small--one-whole one-quarter' -%}
{% when '33%' %}
{%- assign block_width = 'small--one-whole one-third' -%}
{% when '50%' %}
{%- assign block_width = 'small--one-whole one-half' -%}
{% when '66%' %}
{%- assign block_width = 'small--one-whole two-thirds' -%}
{% when '75%' %}
{%- assign block_width = 'small--one-whole three-quarters' -%}
{% when '100%' %}
{%- assign block_width = 'one-whole' -%}
{% endcase %}

<div class="grid-item {{ block_width }}">
{% if block.settings.title %}
<h3>{{ block.settings.title | escape }}</h3>
{% endif %}

{% case block.type %}

{% when 'menu' %}
<ul>
{% for link in linklists[block.settings.menu].links %}
<li><a href="{{ link.url }}">{{ link.title }}</a></li>
{% else %}
{% capture theme_settings_footer_linklist_path %}<strong>Footer</strong> > <strong>Quick links link list</strong>{% endcapture %}
{{ 'layout.footer.instructions_for_linklist_html' | t: theme_settings_link: theme_settings_link, theme_settings_footer_linklist_path: theme_settings_footer_linklist_path }}
{% endfor %}
</ul>

{% when 'text' %}

{% if block.settings.richtext != blank %}
{{ block.settings.richtext }}
{% else %}
<p>{{ 'layout.footer.instructions_for_text_content_html' | t: theme_settings_link: theme_settings_link }}</p>
{% endif %}

{% when 'newsletter' %}
<div class="site-footer__newsletter-subtext">
{% if block.settings.subtext != blank %}
{{ block.settings.subtext }}
{% endif %}
</div>
{% include 'newsletter-form' with button: 'secondary' %}
{% endcase %}
</div>
{% endfor %}

</div>

{% if section.settings.social_enabled or section.settings.legal_menu != blank %}
<hr class="hr--small">
{% endif %}

<div class="grid">
{% if section.settings.legal_menu != blank %}
<div class="grid-item{% if section.settings.social_enabled %} large--two-fifths{% else %} one-whole text-center{% endif %}">

<ul class="legal-links inline-list">
{% for link in linklists[section.settings.legal_menu].links %}
<li><a href="{{ link.url }}">{{ link.title }}</a></li>
{% endfor %}
</ul>
</div>
{% endif %}
{% if section.settings.social_enabled %}
<div class="grid-item{% if section.settings.legal_menu != blank %} large--three-fifths text-right{% else %} one-whole text-center{% endif %}">
<ul class="inline-list social-icons">
{% if settings.social_twitter_link != blank %}
<li>
<a class="icon-fallback-text" href="{{ settings.social_twitter_link | escape }}" title="{{ 'layout.footer.store_on_social_network' | t: store_name: shop.name, social_network: 'Twitter' | escape }}">
<span class="icon icon-twitter" aria-hidden="true"></span>
<span class="fallback-text">Twitter</span>
</a>
</li>
{% endif %}
{% if settings.social_facebook_link != blank %}
<li>
<a class="icon-fallback-text" href="{{ settings.social_facebook_link | escape }}" title="{{ 'layout.footer.store_on_social_network' | t: store_name: shop.name, social_network: 'Facebook' | escape }}">
<span class="icon icon-facebook" aria-hidden="true"></span>
<span class="fallback-text">Facebook</span>
</a>
</li>
{% endif %}
{% if settings.social_pinterest_link != blank %}
<li>
<a class="icon-fallback-text" href="{{ settings.social_pinterest_link | escape }}" title="{{ 'layout.footer.store_on_social_network' | t: store_name: shop.name, social_network: 'Pinterest' | escape }}">
<span class="icon icon-pinterest" aria-hidden="true"></span>
<span class="fallback-text">Pinterest</span>
</a>
</li>
{% endif %}
{% if settings.social_google_plus_link != blank %}
<li>
<a class="icon-fallback-text" href="{{ settings.social_google_plus_link | escape }}" title="{{ 'layout.footer.store_on_social_network' | t: store_name: shop.name, social_network: 'Google' | escape }}" rel="publisher">
<span class="icon icon-google_plus" aria-hidden="true"></span>
<span class="fallback-text">Google</span>
</a>
</li>
{% endif %}
{% if settings.social_instagram_link != blank %}
<li>
<a class="icon-fallback-text" href="{{ settings.social_instagram_link | escape }}" title="{{ 'layout.footer.store_on_social_network' | t: store_name: shop.name, social_network: 'Instagram' | escape }}">
<span class="icon icon-instagram" aria-hidden="true"></span>
<span class="fallback-text">Instagram</span>
</a>
</li>
{% endif %}
{% if settings.social_snapchat_link != blank %}
<li>
<a class="icon-fallback-text" href="{{ settings.social_snapchat_link }}" title="{{ 'layout.footer.store_on_social_network' | t: store_name: shop.name, social_network: 'Snapchat' | escape }}">
<span class="icon icon-snapchat" aria-hidden="true"></span>
<span class="fallback-text">Snapchat</span>
</a>
</li>
{% endif %}
{% if settings.social_tumblr_link != blank %}
<li>
<a class="icon-fallback-text" href="{{ settings.social_tumblr_link | escape }}" title="{{ 'layout.footer.store_on_social_network' | t: store_name: shop.name, social_network: 'Tumblr' | escape }}">
<span class="icon icon-tumblr" aria-hidden="true"></span>
<span class="fallback-text">Tumblr</span>
</a>
</li>
{% endif %}
{% if settings.social_youtube_link != blank %}
<li>
<a class="icon-fallback-text" href="{{ settings.social_youtube_link | escape }}" title="{{ 'layout.footer.store_on_social_network' | t: store_name: shop.name, social_network: 'YouTube' | escape }}">
<span class="icon icon-youtube" aria-hidden="true"></span>
<span class="fallback-text">YouTube</span>
</a>
</li>
{% endif %}
{% if settings.social_vimeo_link != blank %}
<li>
<a class="icon-fallback-text" href="{{ settings.social_vimeo_link | escape }}" title="{{ 'layout.footer.store_on_social_network' | t: store_name: shop.name, social_network: 'Vimeo' | escape }}">
<span class="icon icon-vimeo" aria-hidden="true"></span>
<span class="fallback-text">Vimeo</span>
</a>
</li>
{% endif %}
{% if settings.social_fancy_link != blank %}
<li>
<a class="icon-fallback-text" href="{{ settings.social_fancy_link | escape }}" title="{{ 'layout.footer.store_on_social_network' | t: store_name: shop.name, social_network: 'Fancy' | escape }}">
<span class="icon icon-fancy" aria-hidden="true"></span>
<span class="fallback-text">Fancy</span>
</a>
</li>
{% endif %}
</ul>
</div>
{% endif %}
</div>
<hr class="hr--small">
<div class="grid">
<div class="grid-item{% unless shop.enabled_payment_types == empty %} large--two-fifths{% endunless %}">
<ul class="legal-links inline-list">
<li>
&copy; 2017-{{ 'now' | date: '%Y' }} {{ shop.name | link_to: routes.root_url }}
</li>
<li>
{{ powered_by_link }}
</li>
</ul>
</div>

{%- if section.settings.show_payment_icons -%}
{%- unless shop.enabled_payment_types == empty -%}
<div class="grid-item large--three-fifths large--text-right">
<span class="visually-hidden">{{ 'general.payment.method' | t }}</span>
<ul class="inline-list payment-icons">
{%- for type in shop.enabled_payment_types -%}
<li>
{{ type | payment_type_svg_tag: class: 'icon' }}
</li>
{%- endfor -%}
</ul>
</div>
{%- endunless -%}
{%- endif -%}

</div>

</div>

</footer>

{% schema %}
{
"name": {
"da": "Sidefod",
"de": "Fußzeile",
"en": "Footer",
"es": "Pie de página",
"fi": "Alatunniste",
"fr": "Pied de page",
"hi": "फुटर",
"it": "Footer",
"ja": "フッター",
"ko": "바닥글",
"nb": "Footer",
"nl": "Voettekst",
"pt-BR": "Rodapé",
"pt-PT": "Rodapé",
"sv": "Sidfot",
"th": "ส่วนท้าย",
"zh-CN": "页脚",
"zh-TW": "頁尾"
},
"class": "footer-section",
"settings": [
{
"type": "checkbox",
"id": "social_enabled",
"label": {
"da": "Vis ikoner for sociale medier",
"de": "Social-Media-Symbole anzeigen",
"en": "Show social media icons",
"es": "Mostrar iconos de redes sociales",
"fi": "Näytä some-kuvakkeet",
"fr": "Afficher les icônes des médias sociaux",
"hi": "सोशल मीडिया आइकन दिखाएं",
"it": "Mostra icone social media",
"ja": "ソーシャルメディアのアイコンを表示する",
"ko": "소셜 미디어 아이콘 표시",
"nb": "Vis ikoner for sosiale medier",
"nl": "Pictogrammen social media weergeven",
"pt-BR": "Exibir ícones de redes sociais",
"pt-PT": "Mostrar ícones de redes sociais",
"sv": "sociala medier-ikoner",
"th": "แสดงไอคอนโซเชียลมีเดีย",
"zh-CN": "显示社交媒体图标",
"zh-TW": "顯示社群媒體圖示"
},
"info": {
"da": "Tilføj konti i afsnittet Sociale medier",
"de": "Konten im Social-Media-Abschnitt hinzufügen",
"en": "Add accounts in Social media section",
"es": "Agregar cuentas en la sección de redes sociales",
"fi": "Lisää tilejä sosiaalisen median osiossa",
"fr": "Ajouter les comptes dans la section Médias sociaux",
"hi": "सोशल मीडिया सेक्शन में खाते जोड़ें",
"it": "Aggiungi account nella sezione Social media",
"ja": "ソーシャルメディアのセクションにアカウントを追加する",
"ko": "소셜 미디어 섹션에 계정 추가",
"nb": "Legg til kontoer i Sosiale medier-delen",
"nl": "Accounts toevoegen in deel Social media",
"pt-BR": "Adicionar contas na seção Redes sociais",
"pt-PT": "Adicionar contas na secção de Redes sociais",
"sv": "Lägg till konton i avsnittet Social media",
"th": "เพิ่มบัญชีผู้ใช้ในส่วนโซเชียลมีเดีย",
"zh-CN": "在社交媒体部分中添加账户",
"zh-TW": "在社群媒體區段新增帳戶"
}
},
{
"type": "checkbox",
"id": "show_payment_icons",
"label": {
"da": "Vis betalingsikoner",
"de": "Zahlungssymbole anzeigen",
"en": "Show payment icons",
"es": "Mostrar iconos de pago",
"fi": "Näytä maksukuvakkeet",
"fr": "Afficher les icônes de paiement",
"hi": "भुगतान आइकन दिखाएं",
"it": "Mostra le icone di pagamento",
"ja": "支払いアイコンを表示する",
"ko": "결제 아이콘 표시",
"nb": "Vis betalingsikoner",
"nl": "Betalingspictogrammen weergeven",
"pt-BR": "Exibir ícones de pagamento",
"pt-PT": "Mostrar ícones de pagamento",
"sv": "Visa betalningsikoner",
"th": "แสดงไอคอนการชำระเงิน",
"zh-CN": "显示付款图标",
"zh-TW": "顯示付款圖示"
},
"default": true
},
{
"type": "link_list",
"id": "legal_menu",
"label": {
"da": "Juridisk menu",
"de": "Rechtliches Menü",
"en": "Legal menu",
"es": "Menú legal",
"fi": "Oikeustieto-valikko",
"fr": "Menu juridique",
"hi": "कानूनी मेनू",
"it": "Menu legale",
"ja": "リーガルメニュー",
"ko": "법률 메뉴",
"nb": "Juridisk meny",
"nl": "Menu Juridisch",
"pt-BR": "Menu Aviso legal",
"pt-PT": "Menu legal",
"sv": "Juridisk meny",
"th": "เมนูกฎหมาย",
"zh-CN": "法律菜单",
"zh-TW": "法律選單"
}
}
],
"max_blocks": 9,
"blocks": [
{
"type": "menu",
"name": {
"da": "Menu",
"de": "Menü",
"en": "Menu",
"es": "Menú",
"fi": "Valikko",
"fr": "Menu",
"hi": "मेनू",
"it": "Menu",
"ja": "メニュー",
"ko": "메뉴",
"nb": "Meny",
"nl": "Menu",
"pt-BR": "Menu",
"pt-PT": "Menu",
"sv": "Meny",
"th": "เมนู",
"zh-CN": "菜单",
"zh-TW": "選單"
},
"settings": [
{
"type": "text",
"id": "title",
"label": {
"da": "Overskrift",
"de": "Titel",
"en": "Heading",
"es": "Título",
"fi": "Otsake",
"fr": "Titre",
"hi": "शीर्षक",
"it": "Heading",
"ja": "見出し",
"ko": "제목",
"nb": "Overskrift",
"nl": "Kop",
"pt-BR": "Título",
"pt-PT": "Título",
"sv": "Rubrik",
"th": "ส่วนหัว",
"zh-CN": "标题",
"zh-TW": "標題"
},
"default": {
"da": "Hurtige links",
"de": "Quick-Links",
"en": "Quick links",
"es": "Enlaces rápidos",
"fi": "Pikalinkit",
"fr": "Liens rapides",
"hi": "त्वरित लिंक",
"it": "Link rapidi",
"ja": "クイックリンク",
"ko": "빠른 링크",
"nb": "Hurtigkoblinger",
"nl": "Snelle links",
"pt-BR": "Links rápidos",
"pt-PT": "Ligações rápidas",
"sv": "Snabblänkar",
"th": "ลิงก์ด่วน",
"zh-CN": "快速链接",
"zh-TW": "快速連結"
}
},
{
"type": "link_list",
"id": "menu",
"label": {
"da": "Menu",
"de": "Menü",
"en": "Menu",
"es": "Menú",
"fi": "Valikko",
"fr": "Menu",
"hi": "मेनू",
"it": "Menu",
"ja": "メニュー",
"ko": "메뉴",
"nb": "Meny",
"nl": "Menu",
"pt-BR": "Menu",
"pt-PT": "Menu",
"sv": "Meny",
"th": "เมนู",
"zh-CN": "菜单",
"zh-TW": "選單"
}
},
{
"type": "select",
"id": "width",
"label": {
"da": "Containerbredde",
"de": "Breite des Elements",
"en": "Container width",
"es": "Ancho del contenedor",
"fi": "Säiliön leveys",
"fr": "Largeur du conteneur",
"hi": "कंटेनर की चौड़ाई",
"it": "Larghezza contenitore",
"ja": "コンテナーの幅",
"ko": "컨테이너 폭",
"nb": "Beholderbredde",
"nl": "Containerbreedte",
"pt-BR": "Largura do contêiner",
"pt-PT": "Largura do recipiente",
"sv": "Container-bredd",
"th": "ความกว้างของความจุ",
"zh-CN": "容器宽度",
"zh-TW": "容器寬度"
},
"default": "16%",
"options": [
{
"value": "16%",
"label": {
"da": "16 %",
"de": "16 %",
"en": "16%",
"es": "16%",
"fi": "16%",
"fr": "16 %",
"hi": "16%",
"it": "16%",
"ja": "16％",
"ko": "16%",
"nb": "16 %",
"nl": "16%",
"pt-BR": "16%",
"pt-PT": "16%",
"sv": "16%",
"th": "16%",
"zh-CN": "16%",
"zh-TW": "16%"
}
},
{
"value": "25%",
"label": {
"da": "25 %",
"de": "25%",
"en": "25%",
"es": "25%",
"fi": "25 %",
"fr": "25 %",
"hi": "25%",
"it": "25%",
"ja": "25%",
"ko": "25%",
"nb": "25 %",
"nl": "25%",
"pt-BR": "25%",
"pt-PT": "25%",
"sv": "25 %",
"th": "25%",
"zh-CN": "25％",
"zh-TW": "25%"
}
},
{
"value": "33%",
"label": {
"da": "33 %",
"de": "33%",
"en": "33%",
"es": "33%",
"fi": "33 %",
"fr": "33 %",
"hi": "33%",
"it": "33%",
"ja": "33%",
"ko": "33%",
"nb": "33 %",
"nl": "33%",
"pt-BR": "33%",
"pt-PT": "33%",
"sv": "33 %",
"th": "33%",
"zh-CN": "33%",
"zh-TW": "33%"
}
},
{
"value": "50%",
"label": {
"da": "50 %",
"de": "50%",
"en": "50%",
"es": "50%",
"fi": "50 %",
"fr": "50 %",
"hi": "50%",
"it": "50%",
"ja": "50%",
"ko": "50%",
"nb": "50 %",
"nl": "50%",
"pt-BR": "50%",
"pt-PT": "50%",
"sv": "50 %",
"th": "50%",
"zh-CN": "50%",
"zh-TW": "50%"
}
},
{
"value": "66%",
"label": {
"da": "66 %",
"de": "66%",
"en": "66%",
"es": "66%",
"fi": "66 %",
"fr": "66 %",
"hi": "66%",
"it": "66%",
"ja": "66%",
"ko": "66%",
"nb": "66 %",
"nl": "66%",
"pt-BR": "66%",
"pt-PT": "66%",
"sv": "66 %",
"th": "66%",
"zh-CN": "66%",
"zh-TW": "66%"
}
},
{
"value": "75%",
"label": {
"da": "75 %",
"de": "75%",
"en": "75%",
"es": "75%",
"fi": "75 %",
"fr": "75 %",
"hi": "75%",
"it": "75%",
"ja": "75%",
"ko": "75%",
"nb": "75 %",
"nl": "75%",
"pt-BR": "75%",
"pt-PT": "75%",
"sv": "75 %",
"th": "75%",
"zh-CN": "75%",
"zh-TW": "75%"
}
},
{
"value": "100%",
"label": {
"da": "100 %",
"de": "100%",
"en": "100%",
"es": "100%",
"fi": "100 %",
"fr": "100 %",
"hi": "100%",
"it": "100%",
"ja": "100%",
"ko": "100%",
"nb": "100 %",
"nl": "100%",
"pt-BR": "100%",
"pt-PT": "100%",
"sv": "100 %",
"th": "100%",
"zh-CN": "100%",
"zh-TW": "100%"
}
}
]
}
]
},
{
"type": "text",
"name": {
"da": "RTF",
"de": "Rich Text",
"en": "Rich text",
"es": "Texto enriquecido",
"fi": "Rich text",
"fr": "Texte enrichi",
"hi": "रिच टेक्स्ट",
"it": "Rich text",
"ja": "リッチテキスト",
"ko": "서식있는 텍스트",
"nb": "Rich text",
"nl": "Tekst met opmaak",
"pt-BR": "Rich text",
"pt-PT": "Texto formatado",
"sv": "Rich text",
"th": "Rich Text",
"zh-CN": "格式文本",
"zh-TW": "RTF 文字"
},
"settings": [
{
"type": "text",
"id": "title",
"label": {
"da": "Overskrift",
"de": "Titel",
"en": "Heading",
"es": "Título",
"fi": "Otsake",
"fr": "Titre",
"hi": "शीर्षक",
"it": "Heading",
"ja": "見出し",
"ko": "제목",
"nb": "Overskrift",
"nl": "Kop",
"pt-BR": "Título",
"pt-PT": "Título",
"sv": "Rubrik",
"th": "ส่วนหัว",
"zh-CN": "标题",
"zh-TW": "標題"
},
"default": {
"da": "Kontakt os",
"de": "Kontakt aufnehmen",
"en": "Get in touch",
"es": "Ponerse en contacto",
"fi": "Ota yhteyttä",
"fr": "Entrer en contact",
"hi": "संपर्क में रहें",
"it": "Contattaci",
"ja": "お問い合わせはこちらから",
"ko": "연락하기",
"nb": "Ta kontakt",
"nl": "Neem contact op",
"pt-BR": "Entre em contato",
"pt-PT": "Contacte",
"sv": "Komma i kontakt",
"th": "ติดต่อ",
"zh-CN": "取得联系",
"zh-TW": "請與我們聯絡"
}
},
{
"type": "richtext",
"id": "richtext",
"label": {
"da": "Tekst",
"de": "Text",
"en": "Text",
"es": "Texto",
"fi": "Teksti",
"fr": "Texte",
"hi": "टेक्स्ट",
"it": "Testo",
"ja": "テキスト",
"ko": "텍스트",
"nb": "Tekst",
"nl": "Tekst",
"pt-BR": "Texto",
"pt-PT": "Texto",
"sv": "Text",
"th": "ข้อความ",
"zh-CN": "文本",
"zh-TW": "文字"
},
"default": {
"da": "<p>Brug denne tekst til at dele oplysninger om dit brand med dine kunder.</p>",
"de": "<p>Mit diesem Text können Sie Ihre Kunden über Ihre Marke informieren.</p>",
"en": "<p>Use this text to share information about your brand with your customers.</p>",
"es": "<p>Usa este texto para compartir información sobre tu marca con tus clientes.</p>",
"fi": "<p>Tätä tekstiä voidaan käyttää brändiäsi koskevien tietojen jakamiseen asiakkaille.</p>",
"fr": "<p>Utilisez ce texte pour partager des informations sur votre marque avec vos clients.</p>",
"hi": "<p>अपने ग्राहकों के साथ अपने ब्रैंड के बारे में जानकारी शेयर करने के लिए इस टेक्स्ट का उपयोग करें.</p>",
"it": "<p>Utilizza questo spazio per condividere informazioni sul tuo brand con i clienti.</p>",
"ja": "<p>このテキストを使用して、あなたのブランドに関する情報をお客様と共有します。</p>",
"ko": "<p>이 텍스트는 고객의 브랜드에 대한 정보를 공유하는데 사용하십시오.</p>",
"nb": "<p>Bruk denne teksten til å dele informasjon om merkevaren din med kundene dine.</p>",
"nl": "<p>Gebruik deze tekst om informatie over je merk met je klanten te delen.</p>",
"pt-BR": "<p>Use este texto para compartilhar informações sobre sua marca com seus clientes.</p>",
"pt-PT": "<p>Utilize este texto para partilhar informações sobre a sua marca com os seus clientes.</p>",
"sv": "<p>Använd den här texten för att dela information om ditt varumärke med dina kunder.</p>",
"th": "<p>ใช้ข้อความนี้เพื่อแชร์ข้อมูลเกี่ยวกับแบรนด์และลูกค้าของคุณ</p>",
"zh-CN": "<p>使用此文本与您的客户分享有关您的品牌的信息。</p>",
"zh-TW": "<p>請利用此段文字跟顧客分享您的品牌資訊。</p>"
}
},
{
"type": "select",
"id": "width",
"label": {
"da": "Containerbredde",
"de": "Breite des Elements",
"en": "Container width",
"es": "Ancho del contenedor",
"fi": "Säiliön leveys",
"fr": "Largeur du conteneur",
"hi": "कंटेनर की चौड़ाई",
"it": "Larghezza contenitore",
"ja": "コンテナーの幅",
"ko": "컨테이너 폭",
"nb": "Beholderbredde",
"nl": "Containerbreedte",
"pt-BR": "Largura do contêiner",
"pt-PT": "Largura do recipiente",
"sv": "Container-bredd",
"th": "ความกว้างของความจุ",
"zh-CN": "容器宽度",
"zh-TW": "容器寬度"
},
"default": "50%",
"options": [
{
"value": "16%",
"label": {
"da": "16 %",
"de": "16 %",
"en": "16%",
"es": "16%",
"fi": "16%",
"fr": "16 %",
"hi": "16%",
"it": "16%",
"ja": "16％",
"ko": "16%",
"nb": "16 %",
"nl": "16%",
"pt-BR": "16%",
"pt-PT": "16%",
"sv": "16%",
"th": "16%",
"zh-CN": "16%",
"zh-TW": "16%"
}
},
{
"value": "25%",
"label": {
"da": "25 %",
"de": "25%",
"en": "25%",
"es": "25%",
"fi": "25 %",
"fr": "25 %",
"hi": "25%",
"it": "25%",
"ja": "25%",
"ko": "25%",
"nb": "25 %",
"nl": "25%",
"pt-BR": "25%",
"pt-PT": "25%",
"sv": "25 %",
"th": "25%",
"zh-CN": "25％",
"zh-TW": "25%"
}
},
{
"value": "33%",
"label": {
"da": "33 %",
"de": "33%",
"en": "33%",
"es": "33%",
"fi": "33 %",
"fr": "33 %",
"hi": "33%",
"it": "33%",
"ja": "33%",
"ko": "33%",
"nb": "33 %",
"nl": "33%",
"pt-BR": "33%",
"pt-PT": "33%",
"sv": "33 %",
"th": "33%",
"zh-CN": "33%",
"zh-TW": "33%"
}
},
{
"value": "50%",
"label": {
"da": "50 %",
"de": "50%",
"en": "50%",
"es": "50%",
"fi": "50 %",
"fr": "50 %",
"hi": "50%",
"it": "50%",
"ja": "50%",
"ko": "50%",
"nb": "50 %",
"nl": "50%",
"pt-BR": "50%",
"pt-PT": "50%",
"sv": "50 %",
"th": "50%",
"zh-CN": "50%",
"zh-TW": "50%"
}
},
{
"value": "66%",
"label": {
"da": "66 %",
"de": "66%",
"en": "66%",
"es": "66%",
"fi": "66 %",
"fr": "66 %",
"hi": "66%",
"it": "66%",
"ja": "66%",
"ko": "66%",
"nb": "66 %",
"nl": "66%",
"pt-BR": "66%",
"pt-PT": "66%",
"sv": "66 %",
"th": "66%",
"zh-CN": "66%",
"zh-TW": "66%"
}
},
{
"value": "75%",
"label": {
"da": "75 %",
"de": "75%",
"en": "75%",
"es": "75%",
"fi": "75 %",
"fr": "75 %",
"hi": "75%",
"it": "75%",
"ja": "75%",
"ko": "75%",
"nb": "75 %",
"nl": "75%",
"pt-BR": "75%",
"pt-PT": "75%",
"sv": "75 %",
"th": "75%",
"zh-CN": "75%",
"zh-TW": "75%"
}
},
{
"value": "100%",
"label": {
"da": "100 %",
"de": "100%",
"en": "100%",
"es": "100%",
"fi": "100 %",
"fr": "100 %",
"hi": "100%",
"it": "100%",
"ja": "100%",
"ko": "100%",
"nb": "100 %",
"nl": "100%",
"pt-BR": "100%",
"pt-PT": "100%",
"sv": "100 %",
"th": "100%",
"zh-CN": "100%",
"zh-TW": "100%"
}
}
]
}
]
},
{
"type": "newsletter",
"name": {
"da": "Tilmelding til nyhedsbrev",
"de": "Newsletter-Anmeldung",
"en": "Newsletter signup",
"es": "Suscripción al boletín",
"fi": "Uutiskirjeen tilaus",
"fr": "Inscription",
"hi": "न्यूज़लेटर साइनअप",
"it": "Iscrizione newsletter",
"ja": "ニュースレターの登録",
"ko": "뉴스레터 신청",
"nb": "Registrering for nyhetsbrev",
"nl": "Nieuwsbriefaanmelding",
"pt-BR": "Assinatura da newsletter",
"pt-PT": "Registo na newsletter",
"sv": "Nyhetsbrevsregistrering",
"th": "การสมัครรับจดหมายข่าว",
"zh-CN": "新闻通讯注册",
"zh-TW": "訂閱電子報"
},
"limit": 1,
"settings": [
{
"type": "text",
"id": "title",
"label": {
"da": "Overskrift",
"de": "Titel",
"en": "Heading",
"es": "Título",
"fi": "Otsake",
"fr": "Titre",
"hi": "शीर्षक",
"it": "Heading",
"ja": "見出し",
"ko": "제목",
"nb": "Overskrift",
"nl": "Kop",
"pt-BR": "Título",
"pt-PT": "Título",
"sv": "Rubrik",
"th": "ส่วนหัว",
"zh-CN": "标题",
"zh-TW": "標題"
},
"default": {
"da": "Nyhedsbrev",
"de": "Newsletter",
"en": "Newsletter",
"es": "Boletín",
"fi": "Uutiskirje",
"fr": "Newsletter",
"hi": "न्यूज़लेटर",
"it": "Newsletter",
"ja": "ニュースレター",
"ko": "뉴스레터",
"nb": "Nyhetsbrev",
"nl": "Nieuwsbrief",
"pt-BR": "Newsletter",
"pt-PT": "Newsletter",
"sv": "Nyhetsbrev",
"th": "จดหมายข่าว",
"zh-CN": "新闻通讯",
"zh-TW": "電子報"
}
},
{
"type": "richtext",
"id": "subtext",
"label": {
"da": "Undertekst",
"de": "Subtext",
"en": "Subtext",
"es": "Subtexto",
"fi": "Alateksti",
"fr": "Sous-texte",
"hi": "सबटेक्स्ट",
"it": "Sottotesto",
"ja": "サブテキスト",
"ko": "하위 텍스트",
"nb": "Undertekst",
"nl": "Subtekst",
"pt-BR": "Subtexto",
"pt-PT": "Subtexto",
"sv": "Undertext",
"th": "ข้อความรอง",
"zh-CN": "子文本",
"zh-TW": "子文字"
},
"default": {
"da": "<p>Reklamer, nye produkter og salg. Direkte i din indbakke.</p>",
"de": "<p>Werbeaktionen, neue Produkte und Sonderangebote. Direkt in Ihrem Posteingang.</p>",
"en": "<p>Promotions, new products and sales. Directly to your inbox.</p>",
"es": "<p>Promociones, nuevos productos y ventas. Directamente a tu bandeja de entrada.</p>",
"fi": "<p>Kampanjat, uudet tuotteet ja myynti. Suoraan saapuneet-kansioosi</p>",
"fr": "<p>Promotions, nouveaux produits et soldes. Directement dans votre boîte de réception.</p>",
"hi": "<p>प्रमोशन, नए उत्पाद और सेल. सीधे आपके इनबॉक्स में.</p>",
"it": "<p>Promozioni, nuovi prodotti e offerte. Direttamente nella tua casella di posta.</p>",
"ja": "<p>新商品やセール情報などのお得な情報をお届けします。</p>",
"ko": "<p>프로모션, 신제품, 판매. 받은 편지함으로 바로 이동.</p>",
"nb": "<p>Kampanjer, nye produkter og salg. Direkte i innboksen din.</p>",
"nl": "<p>Promoties, nieuwe producten en uitverkoop rechtstreeks in je inbox.</p>",
"pt-BR": "<p>Promoções, novos produtos e ofertas, diretamente em sua caixa de entrada.</p>",
"pt-PT": "<p>Promoções, novos produtos e ofertas. Diretamente na sua caixa de entrada.</p>",
"sv": "<p>Kampanjer, nya produkter och försäljning. Direkt till din inkorg.</p>",
"th": "<p>โปรโมชัน สินค้าใหม่ และการลดราคา ตรงสู่กล่องจดหมายเข้าของคุณ</p>",
"zh-CN": "<p>促销、新产品和销售。直接发送到您的收件箱。</p>",
"zh-TW": "<p>讓您直接在收件匣內收取促銷活動、最新產品和特賣活動訊息。</p>"
}
},
{
"type": "paragraph",
"content": {
"da": "Alle kunder, der tilmelder sig, får oprettet en konto i Shopify. [Se kunder](/admin/customers?query=&accepts_marketing=1)",
"de": "Alle Kunden, die sich eintragen, bekommen ein Konto in Shopify. [Kunden ansehen](/admin/customers?query=&accepts_marketing=1)",
"en": "Any customers who sign up will have an account created for them in Shopify. [View customers](/admin/customers?query=&accepts_marketing=1)",
"es": "Todos los clientes que se registren tendrán una cuenta creada para ellos en Shopify. [Ver clientes](/admin/customers?query=&accepts_marketing=1)",
"fi": "Tilaaville asiakkaille luodaan tili Shopify-palvelussa. [Näytä asiakkaat](/admin/customers?query=&accepts_marketing=1)",
"fr": "Tous les clients qui s'inscrivent auront un compte créé pour eux sur Shopify. [Voir les clients](/admin/customers?query=&accepts_marketing=1)",
"hi": "साइन अप करने वाले कोई भी ग्राहक, के पास Shopify में खाता बनाया जाएगा. [ग्राहक देखें](/admin/customers?query=&accepts_marketing=1)",
"it": "Qualsiasi cliente che si iscrive avrà un account creato appositamente su Shopify. [Visualizza clienti](/admin/customers?query=&accepts_marketing=1)",
"ja": "サインアップしたお客様は、Shopifyでアカウントが作成されます。[お客様を表示](/admin/customers?query=&accepts_marketing=1)",
"ko": "가입한 고객은 Shopify에서 생성된 계정을 보유하게 됩니다. [고객보기](/admin/customers? query=& accepts_marketing=1)",
"nb": "Alle kunder som melder seg på, vil få opprettet en konto i Shopify. [Se kunder](/admin/customers?query=&accepts_marketing=1)",
"nl": "Voor alle klanten die zich aanmelden, wordt een Shopify-account gemaakt. [Klanten weergeven](/admin/customers?query=&accepts_marketing=1)",
"pt-BR": "Todos os clientes que se inscreverem terão uma conta criada para eles na Shopify. [Visualizar clientes](/admin/customers?query=&accepts_marketing=1)",
"pt-PT": "Será criada uma conta na Shopify para todos os clientes que se registarem. [Ver clientes](/admin/customers?query=&accepts_marketing=1)",
"sv": "Alla kunder som registrerar sig kommer att få ett konto skapat i Shopify. [Visa kunder](/ admin / kunder? Query = & accepts_marketing = 1)",
"th": "ระบบจะสร้างบัญชีผู้ใช้ใน Shopify ให้แก่ลูกค้ารายใดก็ตามที่ลงทะเบียน [ดูลูกค้า](/admin/customers?query=&accepts_marketing=1)",
"zh-CN": "任何注册用户都将在 Shopify 中拥有一个为他们创建的账户。[查看客户](/admin/customers?query=&accepts_marketing=1)",
"zh-TW": "顧客註冊後就可以擁有 Shopify 的帳戶。[檢視顧客](/admin/customers?query=&accepts_marketing=1)"
}
},
{
"type": "select",
"id": "width",
"label": {
"da": "Containerbredde",
"de": "Breite des Elements",
"en": "Container width",
"es": "Ancho del contenedor",
"fi": "Säiliön leveys",
"fr": "Largeur du conteneur",
"hi": "कंटेनर की चौड़ाई",
"it": "Larghezza contenitore",
"ja": "コンテナーの幅",
"ko": "컨테이너 폭",
"nb": "Beholderbredde",
"nl": "Containerbreedte",
"pt-BR": "Largura do contêiner",
"pt-PT": "Largura do recipiente",
"sv": "Container-bredd",
"th": "ความกว้างของความจุ",
"zh-CN": "容器宽度",
"zh-TW": "容器寬度"
},
"default": "33%",
"options": [
{
"value": "25%",
"label": {
"da": "25 %",
"de": "25%",
"en": "25%",
"es": "25%",
"fi": "25 %",
"fr": "25 %",
"hi": "25%",
"it": "25%",
"ja": "25%",
"ko": "25%",
"nb": "25 %",
"nl": "25%",
"pt-BR": "25%",
"pt-PT": "25%",
"sv": "25 %",
"th": "25%",
"zh-CN": "25％",
"zh-TW": "25%"
}
},
{
"value": "33%",
"label": {
"da": "33 %",
"de": "33%",
"en": "33%",
"es": "33%",
"fi": "33 %",
"fr": "33 %",
"hi": "33%",
"it": "33%",
"ja": "33%",
"ko": "33%",
"nb": "33 %",
"nl": "33%",
"pt-BR": "33%",
"pt-PT": "33%",
"sv": "33 %",
"th": "33%",
"zh-CN": "33%",
"zh-TW": "33%"
}
},
{
"value": "50%",
"label": {
"da": "50 %",
"de": "50%",
"en": "50%",
"es": "50%",
"fi": "50 %",
"fr": "50 %",
"hi": "50%",
"it": "50%",
"ja": "50%",
"ko": "50%",
"nb": "50 %",
"nl": "50%",
"pt-BR": "50%",
"pt-PT": "50%",
"sv": "50 %",
"th": "50%",
"zh-CN": "50%",
"zh-TW": "50%"
}
},
{
"value": "66%",
"label": {
"da": "66 %",
"de": "66%",
"en": "66%",
"es": "66%",
"fi": "66 %",
"fr": "66 %",
"hi": "66%",
"it": "66%",
"ja": "66%",
"ko": "66%",
"nb": "66 %",
"nl": "66%",
"pt-BR": "66%",
"pt-PT": "66%",
"sv": "66 %",
"th": "66%",
"zh-CN": "66%",
"zh-TW": "66%"
}
},
{
"value": "75%",
"label": {
"da": "75 %",
"de": "75%",
"en": "75%",
"es": "75%",
"fi": "75 %",
"fr": "75 %",
"hi": "75%",
"it": "75%",
"ja": "75%",
"ko": "75%",
"nb": "75 %",
"nl": "75%",
"pt-BR": "75%",
"pt-PT": "75%",
"sv": "75 %",
"th": "75%",
"zh-CN": "75%",
"zh-TW": "75%"
}
},
{
"value": "100%",
"label": {
"da": "100 %",
"de": "100%",
"en": "100%",
"es": "100%",
"fi": "100 %",
"fr": "100 %",
"hi": "100%",
"it": "100%",
"ja": "100%",
"ko": "100%",
"nb": "100 %",
"nl": "100%",
"pt-BR": "100%",
"pt-PT": "100%",
"sv": "100 %",
"th": "100%",
"zh-CN": "100%",
"zh-TW": "100%"
}
}
]
}
]
}
]
}
{% endschema %}