Shopify themes, liquid, logos, and UX
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
Solved! Go to the solution
This is an 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">© {{ '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 %}
can you please update
can you please send footer section 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 -%}
</ul>
</div>
{%- endif -%}
<div class="footer__copyright caption">
<small class="copyright__content">© {{ '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 %}
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">© {{ '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 %}
Thank you for your help. It came out huge
can you please share store url
kolua.nl
thanks but i can't see please add code
Dear @KetanKumar @could you please help me setting up klarna logo on the footer among payment methods?
@marcotanzi94 thanks for its url where did you added this code ? where do you want this logo?
Dear Kumar, I want the logo with other shopify payment method logo. I use klarna with Mollie and can not see the logo
@marcotanzi94 yes how can i more help you?
I can not see Klarna logo in the footer. www.princessjewelry.it I use Mollie with Klarna
@marcotanzi94 can you please provide your footer code so i will check and update you
This is an 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">© {{ '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 %}
can you please update
Thank you! This fixed it. Appreciate your help.
its my pleasure to help us
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
Does this work on purchased themes such as prestige theme? If so where do I enter this code above? Thanks
can you share store url
password protect
Code doesn't work on our site... we do use a custom theme. Is that a problem?
no sorry doesn't any matter
I get the fault code:
Liquid syntax error: Duplicate entries for tag: schema
@Justin76 where is your footer code please send me
{%- 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>
© {{ '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 %}
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>
© {{ '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 %}
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 %}
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 %}
Thank you very much @KetanKumar ! Super fast response and i now have the Klarna logo in my footer! I wish you a great day!
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
I have one more question, is it possible to put the logo next to the other logo's instead underneath?
Can I use this code as it is?
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.
can you please send your footer code so i will check and update
Where can I find it please?
Sorry about that!
oh no rush
Go to Edit Code >>>> Section >>>> Footer
{% 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>
© 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 %}
{% 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>
© 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 %}
For unknown reasons my reply code is being deleted.
I have uploaded the code to an online text editor:
https://textdoc.co/2tnMyCfrZ5T9NLpV
Please let me know if this works this time.
Thank you!
thanks for code can you please update
{% 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>
© 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 -%}
<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>
{%- endunless -%}
{%- endif -%}
</div>
</div>
</footer>
<style>
.Klarna_Payment img {width: 40px;}
</style>
{% 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 %}
Thank you so much!
It’s working!
Appreciating your time into this!
its my pleasure to help us
Hi Ketan!
I have the same problem as everyone else. My url: www.moonahwear.com Klarna nor Paytrail are showing up in my footer. Do you know how to fix this?
Appreciate your help
oh sorry for that issue can you please share footer section code
{%- 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 -%}
<div class="page-width">
{%- if show_selectors -%}
{%- form 'localization', class: 'multi-selectors site-footer__section' -%}
{%- 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>
</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>
</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 -%}
</ul>
</div>
{%- endunless -%}
{%- endif -%}
<div class="site-footer__section site-footer__copyright">
{%- if section.settings.show_copyright -%}
<span>
© {{ '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 %}
Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024In today’s interview, we sat down with @BSS-Commerce to discuss practical strategies f...
By JasonH Nov 13, 2024