Klarna logo doesn't show in footer

Solved
brandbuilding
Tourist
10 0 7

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

 

D85DEC29-56C5-4E69-8BD3-620F2BC252A1.jpeg

Accepted Solution (1)
KetanKumar
Shopify Partner
36688 3633 11881

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">&copy; {{ 'now' | date: "%Y" }}, {{ shop.name | link_to: routes.root_url }}</small>
<small class="copyright__content">{{ powered_by_link }}</small>
</div>
</div>
</div>
</div>
</footer>

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

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

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

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

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

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

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

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

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

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

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

@brandbuilding 

can you please update

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 76 (76)
RazKen
Excursionist
12 1 5


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!

KetanKumar
Shopify Partner
36688 3633 11881

@RazKen 

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 %}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
RazKen
Excursionist
12 1 5

Thank you so much!

It’s working!

 

Appreciating your time into this!

KetanKumar
Shopify Partner
36688 3633 11881

@RazKen 

its my pleasure to help us 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
evamoon
Excursionist
11 0 3

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

 

KetanKumar
Shopify Partner
36688 3633 11881

@evamoon 

oh sorry for that issue can you please share footer section code 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
evamoon
Excursionist
11 0 3

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

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

KetanKumar
Shopify Partner
36688 3633 11881

@evamoon 

yes, please add this 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 -%}
<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 class="site-footer__section site-footer__copyright">
{%- if section.settings.show_copyright -%}
<span>
&copy; {{ 'now' | date: '%Y' }} {{ shop.name }}
{%- if section.settings.copyright_text != blank -%}
{{ section.settings.copyright_text }}
{%- endif -%}
</span>
{%- endif -%}
<span class="footer__powered_by">{{ powered_by_link }}</span>
</div>
</div>
</footer>
<style>
.Klarna_Payment img {width: 40px;}
</style>
 
{% schema %}
{
"name": "Footer",
"settings": [
{
"type": "header",
"content": "Newsletter"
},
{
"type": "checkbox",
"id": "show_newsletter",
"label": "Show newsletter signup",
"info": "Customers who subscribe will have their email address added to the 'accepts marketing' [customer list](/admin/customers?query=&accepts_marketing=1).",
"default": true
},
{
"type": "text",
"id": "newsletter_title",
"label": "Newsletter heading",
"default": "Sign up and save"
},
{
"type": "richtext",
"id": "newsletter_richtext",
"label": "Text",
"default": "<p>Let customers know about the key benefits of joining your newsletter.</p>"
},
{
"type": "header",
"content": "Language selector",
"info": "To add a language, go to your [language settings.](/admin/settings/languages)"
},
{
"type": "checkbox",
"id": "show_locale_selector",
"label": "Show language selector",
"default": true
},
{
"type": "header",
"content": "Currency selector",
"info": "To add a currency, go to your [currency settings.](/admin/settings/payments)"
},
{
"type": "checkbox",
"id": "show_currency_selector",
"label": "Show currency selector",
"default": true
},
{
"type": "checkbox",
"id": "show_currency_flags",
"label": "Show currency flags",
"default": true
},
{
"type": "header",
"content": "Additional footer content"
},
{
"type": "checkbox",
"id": "show_social_icons",
"label": "Show social icons",
"default": true
},
{
"type": "link_list",
"id": "menu",
"label": "Choose a menu",
"default": "footer",
"info": "Optional. This menu won't show dropdown items"
},
{
"type": "checkbox",
"id": "show_payment_icons",
"label": "Show payment icons"
},
{
"type": "checkbox",
"id": "show_copyright",
"label": "Show copyright"
},
{
"type": "text",
"id": "copyright_text",
"label": "Additional copyright text"
}
]
}
{% endschema %}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
evamoon
Excursionist
11 0 3

Thank you for your reply and help!!! Now I got it to show 🙂

evamoon
Excursionist
11 0 3

Hi again KetanKumar and sorry to bother you again. 

 

I now got Klarna to show (however the image is slightly below the other Payment options). But because I am also missing other various payment methods that are not showing (Paytrail) I am wondering if there'd be a snippet of code to add so that I can add a png image of the various payment methods.

 

I truly appreciate your help and input.

evamoon
Excursionist
11 0 3

@KetanKumar Hi again. So I am attaching here a screenshot of the png I'd like to add to the footer showing all the various payment methods. Is there a way to do this? Thanks again a million.Screenshot 2022-08-17 at 16.22.43.png

KetanKumar
Shopify Partner
36688 3633 11881

@evamoon 

its my pleasure yes you mean this image show at footer right?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
evamoon
Excursionist
11 0 3

@KetanKumar  , yes I would love to add this png to the footer aligned right under the other payment options

 

Paytrail-banneri-kaikki-maksutavat.png

evamoon
Excursionist
11 0 3
Hello again Ketankumar,

I apologize for bothering you again, but is there a away to align these
payment icons, so that Klarna is on the same height as the other ones?

Thank you so much on beforehand

[image: Screenshot 2022-08-22 at 13.22.21.png]
didrikwasson
Visitor
2 0 0

Hi Ketan. I am having issues with this same thing for my store www.southwaythrills.com store password is "twowts" 

How do I make klarna and vipps2.0 visible? I use the payed theme symmetry

Thanks 🙂

evamoon
Excursionist
11 0 3
{%- 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 -%}


data-section-type="footer-section">
{%- if section.settings.show_newsletter -%}


{%- if section.settings.newsletter_title != blank -%}
{{ section.settings.newsletter_title }}

{%- endif -%}

{%- if section.settings.newsletter_richtext != blank -%}

{{ section.settings.newsletter_richtext }}

{%- endif -%}


{%- render 'newsletter-form', section_id: section.id, snippet_context:
'footer' -%}



{%- endif -%}



{%- if show_selectors -%}
{%- form 'localization', class: 'multi-selectors site-footer__section' -%}
{%- if locale_selector -%}


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





aria-expanded="false" aria-controls="LangList"
aria-describedby="LangHeading" data-disclosure-toggle>

{{ form.current_locale.endonym_name }}






{%- endif -%}

{%- if currency_selector -%}


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





aria-expanded="false" aria-controls="CurrencyList"
aria-describedby="CurrencyHeading" data-disclosure-toggle>
{%- if section.settings.show_currency_flags -%}

{%- endif -%}

{{ form.current_currency.iso_code }} {%- if form.current_currency.symbol
-%}{{ form.current_currency.symbol }}{%- endif -%}






{%- endif -%}
{%- endform -%}
{%- endif -%}

{%- if section.settings.show_social_icons -%}

{%- render 'social-icons', social_class: 'footer__social' -%}

{%- endif -%}

{%- if linklists[section.settings.menu].links.size > 0 -%}


    {%- for link in linklists[section.settings.menu].links -%}
  • {{ link.title }}

  • {%- endfor -%}


{%- endif -%}

{%- if section.settings.show_payment_icons -%}
{%- unless shop.enabled_payment_types == empty -%}


    {%- for type in shop.enabled_payment_types -%}

  • {{ type | payment_type_svg_tag }}

  • {%- endfor -%}


{%- endunless -%}
{%- endif -%}



{%- if section.settings.show_copyright -%}

© {{ 'now' | date: '%Y' }} {{ shop.name }}
{%- if section.settings.copyright_text != blank -%}
{{ section.settings.copyright_text }}
{%- endif -%}

{%- endif -%}
{{ powered_by_link }}




{% 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": "

Let customers know about the key benefits of joining your
newsletter.

"
},
{
"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 %}
oscaandlizzy
Visitor
1 0 0

Hello

I tried saving it but I keep getting an error and it won't save

JEEcomAB
Tourist
4 0 3

Hi Ketankumar! This code doesn't work with my theme or maybe I do something wrong. Can you please help me?

KetanKumar
Shopify Partner
36688 3633 11881

@JEEcomAB 

oh sorry, can you please send your store url  so i will check and let you know 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
JEEcomAB
Tourist
4 0 3

Thank you! URL: https://www.celso.se

KetanKumar
Shopify Partner
36688 3633 11881

@brandbuilding 

yes, please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

li.list-payment__item {
    line-height: 0;
    vertical-align: middle;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
JEEcomAB
Tourist
4 0 3

Hello, any update about this?

KetanKumar
Shopify Partner
36688 3633 11881

@JEEcomAB 

yes, please used this code

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
JEEcomAB
Tourist
4 0 3

@KetanKumar 

I'm sorry, but what code?

My70
New Member
10 0 0

Hello I have also the same problem, I have the Impulse theme. I want a Klarna Payment Icon in my footer:( Can you help me please:)

 

Best Regards,

Muhammed Yilmaz

Steelvillage
Tourist
5 0 5

Hello!

I have the same problem. Can you help me?

 

KetanKumar
Shopify Partner
36688 3633 11881

@Steelvillage 

yes, please share store url and footer code so i will check and let you know 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Steelvillage
Tourist
5 0 5

The store url is www.stjarnviken.se 

Thank you! 

KetanKumar
Shopify Partner
36688 3633 11881

@Steelvillage 

oh sorry for that issue can you please  share footer section code so i will check and let you know 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Steelvillage
Tourist
5 0 5

Hello!

Sorry for the delay. 

I think this is the right code. 

 

<script
type="application/json"
data-section-type="static-footer"
data-section-id="{{ section.id }}"
>
</script>
<footer class="footer" role="contentinfo">
<div class="footer__wrapper">
<div class="footer-blocks">
{% for block in section.blocks %}
<div class="footer-block" {{ block.shopify_attributes }}>
{% if block.settings.title != blank %}<h2 class="footer-block__title">{{ block.settings.title }}</h2>{% endif %}

{% case block.type %}
{% when 'menu' %}
{% comment %}Inject footer-menu begin{% endcomment %}
<ul class="footer-menu">
{% for link in linklists[block.settings.footer_menu].links %}
<li class="footer-menu__item">
<a class="footer-menu__link" href="{{ link.url }}">
{{ link.title }}
</a>
</li>
{% endfor %}
</ul>
{% comment %}Inject footer-menu end{% endcomment %}

{% when 'text' %}
{% comment %}Inject footer-text begin{% endcomment %}
<div class="footer-text">{{ block.settings.caption }}</div>
{% comment %}Inject footer-text end{% endcomment %}

{% when 'social' %}
{% comment %}Inject footer-social-media begin{% endcomment %}
<div class="footer-social-media">
{% render 'social-links' %}
</div>
{% comment %}Inject footer-social-media end{% endcomment %}

{% when 'newsletter' %}
{% comment %}Inject footer-newsletter begin{% endcomment %}
{% form 'customer', id: 'footer-newsletter', class: 'footer-newsletter' %}
{% if form.posted_successfully? %}
<script>
window.location = "#footer-newsletter";
</script>
<p class="footer-newsletter__message footer-newsletter__message--success">{{ 'layout.footer.newsletter_thanks' | t }}</p>
{% else %}
{% if block.settings.caption != blank %}<div class="footer-newsletter__caption">{{ block.settings.caption }}</div>{% endif %}

<div class="footer-newsletter__wrapper">
<input
id="contact_tags"
type="hidden"
name="contact[tags]"
value="prospect,newsletter"
/>
<input
class="footer-newsletter__email"
type="email"
name="contact[email]"
placeholder="{{ 'general.email_placeholder' | t }}"
/>
<button
class="footer-newsletter__submit"
type="submit"
>
{% render 'icon-library', id: 'icon-arrow-right' %}
</button>
</div>
{% endif %}
{% endform %}
{% comment %}Inject footer-newsletter end{% endcomment %}

{% endcase %}
</div>
{% endfor %}
</div>

<div class="footer-navigation-attribution">
{% assign additional_menu = section.settings.subfooter_menu %}

{% if additional_menu %}
<ul class="footer-navigation">
{% for link in linklists[additional_menu].links %}
<li class="footer-navigation__item">
<a class="footer-navigation__link" href="{{ link.url }}">{{ link.title }}</a>
</li>
{% endfor %}
</ul>
{% endif %}

<p class="footer-attribution">
{% capture year %}
{{ "now" | date: "%Y" }}
{% endcapture %}
{% capture shopName %}
{{ shop.name | link_to: routes.root_url }}.
{% endcapture %}
{% capture attribution %}{{ 'layout.footer.copyright_html' | t: year: year, shop_name: shopName }} {{ powered_by_link }}{% endcapture %}

{{ attribution }}
</p>
</div>

<div class="footer-crossborder-payment">
{% assign currency_selector = section.settings.show_currency_selector %}
{% assign locale_selector = section.settings.show_locale_selector %}

{% if currency_selector or locale_selector %}
<div class="footer-cross-border">
{% comment %}Inject @pixelunion/shopify-cross-border/cross-border begin{% endcomment %}
{% form 'localization' %}
{% if locale_selector and form.available_locales.size > 1 %}
{% comment %}Inject @pixelunion/shopify-cross-border/multi-language begin{% endcomment %}
<div class="selectors-form__item">
<div class="disclosure" data-disclosure-locale>
<button type="button" class="disclosure__toggle" aria-expanded="false" aria-controls="lang-list" aria-describedby="lang-heading" data-disclosure-toggle>
{{ form.current_locale.endonym_name }}
</button>
<ul id="lang-list" class="disclosure-list" data-disclosure-list>
{% for locale in form.available_locales %}
<li>
<a class="disclosure-list__item {% if locale.iso_code == form.current_locale.iso_code %}disclosure-list__item--current{% endif %}" 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>
<span class="disclosure-list__option">{{ locale.endonym_name }}</span>
</a>
</li>
{%- endfor -%}
</ul>
<input type="hidden" name="locale_code" id="LocaleSelector" value="{{ form.current_locale.iso_code }}" data-disclosure-input/>
</div>
</div>
{% comment %}Inject @pixelunion/shopify-cross-border/multi-language end{% endcomment %}

{% endif %}

{% if currency_selector and form.available_currencies.size > 1 %}
{% comment %}Inject @pixelunion/shopify-cross-border/multi-currency begin{% endcomment %}
<div class="selectors-form__item">
<div class="disclosure" data-disclosure-currency>
<button type="button" class="disclosure__toggle" aria-expanded="false" aria-controls="currency-list" aria-describedby="currency-heading" data-disclosure-toggle>
{{ form.current_currency.iso_code }} {%- if form.current_currency.symbol -%}{{ form.current_currency.symbol }}{%- endif -%}
</button>
<ul id="currency-list" class="disclosure-list" data-disclosure-list>
{% for currency in form.available_currencies %}
<li>
<a class="disclosure-list__item {% if currency.iso_code == form.current_currency.iso_code %}disclosure-list__item--current{% endif %}" href="#" {% if currency.iso_code == form.current_currency.iso_code %}aria-current="true"{% endif %} data-value="{{ currency.iso_code }}" data-disclosure-option>
<span class="disclosure-list__option">{{ currency.iso_code }} {%- if currency.symbol -%}{{ currency.symbol }}{%- endif -%}</span>
</a>
</li>
{%- endfor -%}
</ul>
<input type="hidden" name="currency_code" id="CurrencySelector" value="{{ form.current_currency.iso_code }}" data-disclosure-input/>
</div>
</div>
{% comment %}Inject @pixelunion/shopify-cross-border/multi-currency end{% endcomment %}

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

</div>
{% endif %}

{% if shop.enabled_payment_types.size > 0 and section.settings.payment_icons %}
<div class="footer-payment-types">
{% for type in shop.enabled_payment_types %}
{{ type | payment_type_svg_tag: class: 'footer-payment-types__icon' }}
{% endfor %}
</div>
{% endif %}
</div>
</div>
</footer>

{% schema %}
{
"name": "Footer",
"max_blocks": 4,
"settings": [
{
"type": "link_list",
"id": "subfooter_menu",
"label": "Menu",
"default": "footer",
"info": "This menu does not support nesting"
},
{
"type": "checkbox",
"id": "payment_icons",
"label": "Show payment icons"
},
{
"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 [payment settings.](/admin/settings/payments)"
},
{
"type": "checkbox",
"id": "show_currency_selector",
"label": "Show currency selector",
"default": true
}
],
"blocks": [
{
"type": "menu",
"name": "Menu",
"settings": [
{
"type": "text",
"id": "title",
"label": "Heading",
"default": "Menu"
},
{
"type": "link_list",
"id": "footer_menu",
"label": "Menu",
"default": "footer",
"info": "This menu does not support nesting"
}
]
},
{
"type": "text",
"name": "Text",
"settings": [
{
"type": "text",
"id": "title",
"label": "Heading",
"default": "Text"
},
{
"type": "richtext",
"id": "caption",
"label": "Text",
"default": "<p>Use this section to welcome customers to your store, say a bit about your brand, or share news and seasonal promotions.</p>"
}
]
},
{
"type": "social",
"name": "Social media",
"settings": [
{
"type": "text",
"id": "title",
"label": "Heading",
"default": "Social media",
"info": "Configure your social media under “General settings” in “Social media”."
}
],
"limit": 1
},
{
"type": "newsletter",
"name": "Newsletter",
"settings": [
{
"type": "text",
"id": "title",
"label": "Heading",
"default": "Newsletter"
},
{
"type": "richtext",
"id": "caption",
"label": "Text",
"default": "<p>Say a bit about your brand, a specific product, or promotion.</p>"
}
],
"limit": 1
}
]
}

{% endschema %}

Steelvillage
Tourist
5 0 5

@KetanKumar 

I have not recieved anything from you, Are you still able to help me?

 

Best regards

Daniel 

www.stjarnviken.se 

KetanKumar
Shopify Partner
36688 3633 11881

@Steelvillage 

oh sorry for that issue can you please try this code

<script
type="application/json"
data-section-type="static-footer"
data-section-id="{{ section.id }}"
>
</script>
<footer class="footer" role="contentinfo">
<div class="footer__wrapper">
<div class="footer-blocks">
{% for block in section.blocks %}
<div class="footer-block" {{ block.shopify_attributes }}>
{% if block.settings.title != blank %}<h2 class="footer-block__title">{{ block.settings.title }}</h2>{% endif %}

{% case block.type %}
{% when 'menu' %}
{% comment %}Inject footer-menu begin{% endcomment %}
<ul class="footer-menu">
{% for link in linklists[block.settings.footer_menu].links %}
<li class="footer-menu__item">
<a class="footer-menu__link" href="{{ link.url }}">
{{ link.title }}
</a>
</li>
{% endfor %}
</ul>
{% comment %}Inject footer-menu end{% endcomment %}

{% when 'text' %}
{% comment %}Inject footer-text begin{% endcomment %}
<div class="footer-text">{{ block.settings.caption }}</div>
{% comment %}Inject footer-text end{% endcomment %}

{% when 'social' %}
{% comment %}Inject footer-social-media begin{% endcomment %}
<div class="footer-social-media">
{% render 'social-links' %}
</div>
{% comment %}Inject footer-social-media end{% endcomment %}

{% when 'newsletter' %}
{% comment %}Inject footer-newsletter begin{% endcomment %}
{% form 'customer', id: 'footer-newsletter', class: 'footer-newsletter' %}
{% if form.posted_successfully? %}
<script>
window.location = "#footer-newsletter";
</script>
<p class="footer-newsletter__message footer-newsletter__message--success">{{ 'layout.footer.newsletter_thanks' | t }}</p>
{% else %}
{% if block.settings.caption != blank %}<div class="footer-newsletter__caption">{{ block.settings.caption }}</div>{% endif %}

<div class="footer-newsletter__wrapper">
<input
id="contact_tags"
type="hidden"
name="contact[tags]"
value="prospect,newsletter"
/>
<input
class="footer-newsletter__email"
type="email"
name="contact[email]"
placeholder="{{ 'general.email_placeholder' | t }}"
/>
<button
class="footer-newsletter__submit"
type="submit"
>
{% render 'icon-library', id: 'icon-arrow-right' %}
</button>
</div>
{% endif %}
{% endform %}
{% comment %}Inject footer-newsletter end{% endcomment %}

{% endcase %}
</div>
{% endfor %}
</div>

<div class="footer-navigation-attribution">
{% assign additional_menu = section.settings.subfooter_menu %}

{% if additional_menu %}
<ul class="footer-navigation">
{% for link in linklists[additional_menu].links %}
<li class="footer-navigation__item">
<a class="footer-navigation__link" href="{{ link.url }}">{{ link.title }}</a>
</li>
{% endfor %}
</ul>
{% endif %}

<p class="footer-attribution">
{% capture year %}
{{ "now" | date: "%Y" }}
{% endcapture %}
{% capture shopName %}
{{ shop.name | link_to: routes.root_url }}.
{% endcapture %}
{% capture attribution %}{{ 'layout.footer.copyright_html' | t: year: year, shop_name: shopName }} {{ powered_by_link }}{% endcapture %}

{{ attribution }}
</p>
</div>

<div class="footer-crossborder-payment">
{% assign currency_selector = section.settings.show_currency_selector %}
{% assign locale_selector = section.settings.show_locale_selector %}

{% if currency_selector or locale_selector %}
<div class="footer-cross-border">
{% comment %}Inject @pixelunion/shopify-cross-border/cross-border begin{% endcomment %}
{% form 'localization' %}
{% if locale_selector and form.available_locales.size > 1 %}
{% comment %}Inject @pixelunion/shopify-cross-border/multi-language begin{% endcomment %}
<div class="selectors-form__item">
<div class="disclosure" data-disclosure-locale>
<button type="button" class="disclosure__toggle" aria-expanded="false" aria-controls="lang-list" aria-describedby="lang-heading" data-disclosure-toggle>
{{ form.current_locale.endonym_name }}
</button>
<ul id="lang-list" class="disclosure-list" data-disclosure-list>
{% for locale in form.available_locales %}
<li>
<a class="disclosure-list__item {% if locale.iso_code == form.current_locale.iso_code %}disclosure-list__item--current{% endif %}" 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>
<span class="disclosure-list__option">{{ locale.endonym_name }}</span>
</a>
</li>
{%- endfor -%}
</ul>
<input type="hidden" name="locale_code" id="LocaleSelector" value="{{ form.current_locale.iso_code }}" data-disclosure-input/>
</div>
</div>
{% comment %}Inject @pixelunion/shopify-cross-border/multi-language end{% endcomment %}

{% endif %}

{% if currency_selector and form.available_currencies.size > 1 %}
{% comment %}Inject @pixelunion/shopify-cross-border/multi-currency begin{% endcomment %}
<div class="selectors-form__item">
<div class="disclosure" data-disclosure-currency>
<button type="button" class="disclosure__toggle" aria-expanded="false" aria-controls="currency-list" aria-describedby="currency-heading" data-disclosure-toggle>
{{ form.current_currency.iso_code }} {%- if form.current_currency.symbol -%}{{ form.current_currency.symbol }}{%- endif -%}
</button>
<ul id="currency-list" class="disclosure-list" data-disclosure-list>
{% for currency in form.available_currencies %}
<li>
<a class="disclosure-list__item {% if currency.iso_code == form.current_currency.iso_code %}disclosure-list__item--current{% endif %}" href="#" {% if currency.iso_code == form.current_currency.iso_code %}aria-current="true"{% endif %} data-value="{{ currency.iso_code }}" data-disclosure-option>
<span class="disclosure-list__option">{{ currency.iso_code }} {%- if currency.symbol -%}{{ currency.symbol }}{%- endif -%}</span>
</a>
</li>
{%- endfor -%}
</ul>
<input type="hidden" name="currency_code" id="CurrencySelector" value="{{ form.current_currency.iso_code }}" data-disclosure-input/>
</div>
</div>
{% comment %}Inject @pixelunion/shopify-cross-border/multi-currency end{% endcomment %}

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

</div>
{% endif %}

{% if shop.enabled_payment_types.size > 0 and section.settings.payment_icons %}
<div class="footer-payment-types">
{% for type in shop.enabled_payment_types %}
{{ type | payment_type_svg_tag: class: 'footer-payment-types__icon' }}
{% endfor %}
<span 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">
</span>
</div>
{% endif %}
</div>
</div>
</footer>

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

{% schema %}
{
"name": "Footer",
"max_blocks": 4,
"settings": [
{
"type": "link_list",
"id": "subfooter_menu",
"label": "Menu",
"default": "footer",
"info": "This menu does not support nesting"
},
{
"type": "checkbox",
"id": "payment_icons",
"label": "Show payment icons"
},
{
"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 [payment settings.](/admin/settings/payments)"
},
{
"type": "checkbox",
"id": "show_currency_selector",
"label": "Show currency selector",
"default": true
}
],
"blocks": [
{
"type": "menu",
"name": "Menu",
"settings": [
{
"type": "text",
"id": "title",
"label": "Heading",
"default": "Menu"
},
{
"type": "link_list",
"id": "footer_menu",
"label": "Menu",
"default": "footer",
"info": "This menu does not support nesting"
}
]
},
{
"type": "text",
"name": "Text",
"settings": [
{
"type": "text",
"id": "title",
"label": "Heading",
"default": "Text"
},
{
"type": "richtext",
"id": "caption",
"label": "Text",
"default": "<p>Use this section to welcome customers to your store, say a bit about your brand, or share news and seasonal promotions.</p>"
}
]
},
{
"type": "social",
"name": "Social media",
"settings": [
{
"type": "text",
"id": "title",
"label": "Heading",
"default": "Social media",
"info": "Configure your social media under “General settings” in “Social media”."
}
],
"limit": 1
},
{
"type": "newsletter",
"name": "Newsletter",
"settings": [
{
"type": "text",
"id": "title",
"label": "Heading",
"default": "Newsletter"
},
{
"type": "richtext",
"id": "caption",
"label": "Text",
"default": "<p>Say a bit about your brand, a specific product, or promotion.</p>"
}
],
"limit": 1
}
]
}

{% endschema %}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Steelvillage
Tourist
5 0 5

@KetanKumar 

Thank you.

Now it works fine. 

 

KetanKumar
Shopify Partner
36688 3633 11881

@Steelvillage 

its my pleasure to help us 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Filipa-intro
Tourist
3 0 2

Hi, could you please help me with the same problem? Thank you very much

www.intro-clothing.com

 

<!-- /sections/footer.liquid -->

{%- liquid
assign blocks_size = section.blocks.size
assign image_background = section.settings.image
assign logo = section.settings.logo
assign anchor_logo = section.settings.anchor_logo
assign text_color = settings.footer_text
assign animation_duration = 800
-%}

{%- style -%}
.site-footer-wrapper {
--PT: {{ section.settings.padding_top }}px;
--PB: {{ section.settings.padding_bottom }}px;
--item-count: {{ blocks_size }};
--text: {{ text_color }};
--text-a35: {{ text_color | color_modify: 'alpha', 0.35 }};
--text-a75: {{ text_color | color_modify: 'alpha', 0.75 }};

{%- if image_background -%}
background-color: transparent;
{%- endif -%}
}
{%- endstyle -%}

<footer class="site-footer-wrapper section-padding" data-section-id="{{ section.id }}" data-section-type="footer">
{%- if image_background -%}
{%- render 'image-background', img_object: image_background, frame_height_class: 'footer__image', bg_position: section.settings.bg_position -%}
{%- endif -%}

<div class="site-footer {{ section.settings.width }}">
{%- if logo -%}
{%- liquid
assign image = logo
assign img_url = image | img_url: '1x1' | replace: '_1x1.', '_{width}x.'
assign img_ratio = 1 | divided_by: image.aspect_ratio | times: 100 | round: 2
assign img_alt = image.alt | default: shop.name | strip_html | escape
-%}
<div class="footer__logo__wrapper">
<a href="{{ routes.root_url }}" class="footer__logo" style="width: {{ section.settings.logo_image_width }}px;">
<div class="image__holder lazy-image" style="padding-top: {{ img_ratio }}%; background-image: url({{ image | img_url: '1x1' }});">
<img class="lazyload"
src="data&colon;image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
data-src="{{ img_url }}"
data-sizes="auto"
data-aspectratio="{{ image.aspect_ratio }}"
data-parent-fit="contain"
alt="{{ img_alt }}">

<noscript>
<img class="no-js-image" src="{{ image | img_url: '1240x' }}" alt="{{ img_alt }}">
</noscript>
</div>
</a>
</div>
{%- endif -%}

{%- if section.blocks.size > 0 -%}
<div class="footer__blocks">
{%- for block in section.blocks -%}
{%- liquid
assign title = block.settings.title
assign text = block.settings.text
assign show_social_links = block.settings.show_social_links
-%}

{%- case block.type -%}
{%- when 'linklist' -%}
{%- assign linklist = linklists[block.settings.linklist] -%}
{%- assign linklist_title = title | default: linklist.title -%}
<div class="footer__block footer__block--menu" {{ block.shopify_attributes }}>
{%- if linklist_title != blank -%}
<h2 class="h5 footer__block__title">{{ linklist_title | escape }}</h2>
{%- endif -%}

{%- if linklist != blank -%}
<ul class="footer__quicklinks unstyled">
{%- for link in linklist.links -%}
<li><a href="{{ link.url }}">{{ link.title }}</a></li>
{%- endfor -%}
</ul>
{%- endif -%}
</div>

{%- when 'page' -%}
{%- assign page = pages[block.settings.page] -%}
{%- if page == blank or page.empty? -%}
<div class="footer__block footer__block--page" {{ block.shopify_attributes }}>
<h2 class="h5 footer__block__title">{{ shop.name }}</h2>
<div class="rte">{{ 'home_page.onboarding.no_content' | t }}</div>
</div>
{%- else -%}
<div class="footer__block footer__block--page" {{ block.shopify_attributes }}>
<h2 class="h5 footer__block__title">{{ page.title | escape }}</h2>
<div class="rte">{{ page.content }}</div>
</div>
{%- endif -%}

{%- when 'social' -%}
<div class="footer__block footer__block--social" {{ block.shopify_attributes }}>
{%- assign social_accounts = 'Instagram, Facebook, Twitter, TikTok, Pinterest, Tumblr, YouTube, Vimeo, Linkedin, Snapchat, Feed' | split: ', ' -%}
{%- if title != blank -%}
<h2 class="h5 footer__block__title">{{ title | escape }}</h2>
{%- endif -%}

{%- if text != blank -%}
<div class="rte footer__social__text">{{ text }}</div>
{%- endif -%}

<ul class="social">
{%- render 'social-icon' for social_accounts as social -%}
</ul>
</div>

{%- when 'text' -%}
<div class="footer__block footer__block--text" {{ block.shopify_attributes }}>
{%- if block.settings.image -%}
{%- liquid
assign image = block.settings.image
assign img_url = image | img_url: '1x1' | replace: '_1x1.', '_{width}x.'
assign img_ratio = 1 | divided_by: image.aspect_ratio | times: 100 | round: 2
assign img_alt = image.alt | default: shop.name | strip_html | escape
-%}

<div class="footer__block__image" style="width: {{ block.settings.image_width }}px;">
<div class="image__holder lazy-image" style="padding-top: {{ img_ratio }}%; background-image: url({{ image | img_url: '1x1' }});">
<img class="lazyload"
src="data&colon;image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
data-src="{{ img_url }}"
data-sizes="auto"
data-aspectratio="{{ image.aspect_ratio }}"
data-parent-fit="contain"
alt="{{ img_alt }}">

<noscript>
<img class="no-js-image" src="{{ image | img_url: '480x' }}" alt="{{ img_alt }}">
</noscript>
</div>
</div>
{%- endif -%}

{%- if title != blank -%}
<h2 class="h5 footer__block__title">{{ title | escape }}</h2>
{%- endif -%}

{%- if text != blank -%}
<div class="rte">{{ text }}</div>
{%- endif -%}
</div>

{%- when 'newsletter' -%}
<div class="footer__block footer__block--newsletter" {{ block.shopify_attributes }}>
<div class="footer__newsletter__wrapper">
{%- if title != blank -%}
<h2 class="h5 footer__block__title">{{ title }}</h2>
{%- endif -%}

{%- if text != blank -%}
<div class="rte footer__newsletter__text">{{ text }}</div>
{%- endif -%}

{%- render 'newsletter-form' block: block, footer: true -%}

{%- if show_social_links -%}
{%- render 'social-icons' -%}
{%- endif -%}
</div>
</div>
{%- endcase -%}
{%- endfor -%}
</div>
{%- endif -%}

<div class="footer__bottom">
{%- if section.settings.show_locale_selector or section.settings.show_currency_selector -%}
<div class="footer__bottom__item">
<!-- /partials/cross-border.liquid -->
{%- form 'localization', class: 'popout--footer' -%}
{%- if section.settings.show_locale_selector and shop.published_locales.size > 1 -%}
<div>
<h2 class="visually-hidden" id="lang-heading">
{{ 'layout.footer.language' | t }}
</h2>

<div class="popout" data-popout>
<button type="button" class="popout__toggle" aria-expanded="false" aria-controls="lang-list" aria-describedby="lang-heading" data-popout-toggle>
{{ localization.language.endonym_name }}
</button>

<ul id="lang-list" class="popout-list" data-popout-list>
{% for language in localization.available_languages %}
<li class="popout-list__item {% if language == localization.language %}popout-list__item--current{% endif %}">
<a class="popout-list__option" href="#" lang="{{ locale.iso_code }}" {% if language == localization.language %}aria-current="true"{% endif %} data-value="{{ language.iso_code }}" data-popout-option>
<span>{{ language.endonym_name }}</span>
</a>
</li>
{%- endfor -%}
</ul>

<input type="hidden" name="language_code" id="LocaleSelector" value="{{ form.current_locale.iso_code }}" data-popout-input/>
</div>
</div>
{%- endif -%}

{%- if section.settings.show_currency_selector and shop.enabled_currencies.size > 1 -%}
<div>
<h2 class="visually-hidden" id="currency-heading">
{{ 'layout.footer.currency' | t }}
</h2>

<div class="popout" data-popout>
{% if section.settings.type == 'currency' %}
<button type="button" class="popout__toggle" aria-expanded="false" aria-controls="currency-list" aria-describedby="currency-heading" data-popout-toggle>
{{ form.current_currency.iso_code }} {%- if form.current_currency.symbol -%}{{ form.current_currency.symbol }}{%- endif -%}
</button>

<ul id="currency-list" class="popout-list" data-popout-list>
{% for currency in form.available_currencies %}
<li class="popout-list__item {% if currency.iso_code == form.current_currency.iso_code %}popout-list__item--current{% endif %}">
<a class="popout-list__option" href="#" {% if currency.iso_code == form.current_currency.iso_code %}aria-current="true"{% endif %} data-value="{{ currency.iso_code }}" data-popout-option>
<span>{{ currency.iso_code }} {%- if currency.symbol -%}{{ currency.symbol }}{%- endif -%}</span>
</a>
</li>
{%- endfor -%}
</ul>

<input type="hidden" name="currency_code" id="CurrencySelector" value="{{ form.current_currency.iso_code }}" data-popout-input/>
{% endif %}

{% if section.settings.type == 'country' %}
<button type="button" class="popout__toggle" aria-expanded="false" aria-controls="currency-list" aria-describedby="currency-heading" data-popout-toggle>
{{ localization.country }} ({{ localization.country.iso_code }}) - {{ localization.country.currency.symbol }}
</button>

<ul id="currency-list" class="popout-list" data-popout-list>
{% for country in localization.available_countries %}
<li class="popout-list__item {% if country == localization.country %}popout-list__item--current{% endif %}">
<a class="popout-list__option" href="#" {% if country == localization.country %}aria-current="true"{% endif %} data-value="{{ country.iso_code }}" data-popout-option>
<span>{{ country.name }} ({{ country.iso_code }}) - {{ country.currency.symbol }}</span>
</a>
</li>
{%- endfor -%}
</ul>

<input type="hidden" name="country_code" id="CurrencySelector" value="{{ localization.country.iso_code }}" data-popout-input/>
{% endif %}
</div>
</div>
{%- endif -%}
{%- endform -%}

</div>
{%- endif -%}

<div class="footer__bottom__item">
<ul class="footer__copyright inline-list">
<li>
<a href="{{ shop.secure_url }}">&copy; {{ shop.name }} {{ 'now' | date: "%Y" }}</a>
</li>
{% for link in linklists[section.settings.footer_secondary_linklist].links %}
<li><a href="{{ link.url }}">{{ link.title }}</a></li>
{% endfor %}

<!-- The following lines fix Lighthouse security warnings on the Shopify link.-->
{%- liquid
assign powered_by_link_html = powered_by_link
if powered_by_link_html contains 'rel="'
assign powered_link_rel_text = powered_by_link_html | split: 'rel="'
assign powered_link_rel_text = powered_link_rel_text[1] | split: '"' | first
assign powered_link_rel = 'rel="' | append: powered_link_rel_text | append: '"'
assign powered_by_link_html = powered_by_link_html | replace_first: powered_link_rel, ''
endif
if powered_by_link_html contains '<a '
assign powered_by_link_html = powered_by_link_html | replace: '<a ', '<a rel="noopener" '
endif
assign powered_by_link = powered_by_link_html
-%}

<!-- Remove the following line to delete 'Powered by Shopify' from your footer -->
<!-- Do not delete below this line -->
</ul>
</div>
{%- if section.settings.footer_payment_enable -%}
{%- unless shop.enabled_payment_types == empty -%}
<div class="footer__bottom__item">
<ul class="footer__payment payment-icons inline-list">
{%- for type in shop.enabled_payment_types -%}
<li>{{ type | payment_type_svg_tag: class:'payment-icon' }}</li>
{%- endfor -%}
</ul>
</div>
{%- endunless -%}
{%- endif -%}
</div>

{%- if anchor_logo -%}
{%- liquid
assign image = anchor_logo
assign img_url = image | img_url: '1x1' | replace: '_1x1.', '_{width}x.'
assign img_ratio = 1 | divided_by: image.aspect_ratio | times: 100 | round: 2
-%}
<div class="footer__anchor__logo__wrapper">
<a href="{{ routes.root_url }}" class="footer__anchor__logo"
data-aos="hero"
data-aos-duration="{{ animation_duration }}"
data-aos-easing="ease-out-quart">
<div class="image__holder lazy-image" style="background-image: url({{ image | img_url: '1x1' }}); padding-top: {{ img_ratio }}%;">
<img class="lazyload"
src="data&colon;image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
data-src="{{ img_url }}"
data-sizes="auto"
data-parent-fit="contain"
alt="{{ image.alt | default: shop.name | strip_html | escape }}">

<noscript>
<img class="no-js-image" src="{{ image | img_url: '1240x' }}" alt="{{ image.alt | default: shop.name | strip_html | escape }}">
</noscript>
</div>
</a>
</div>
{%- endif -%}
</div>

{%- comment -%} Section background image {%- endcomment -%}
{%- if image_background -%}
{%- assign overlay_opacity = section.settings.overlay_opacity | times: 0.01 -%}
<div class="image-overlay" style="background-color:{{ section.settings.overlay_color }} !important; opacity:{{ overlay_opacity }};"></div>
{%- endif -%}
</footer>

{% schema %}
{
"name": "Footer",
"max_blocks": 5,
"settings": [
{
"type": "select",
"id": "width",
"label": "Width",
"default": "wrapper--full",
"options": [
{ "value": "wrapper", "label": "Normal" },
{ "value": "wrapper--full", "label": "Wide" }
]
},
{
"label": "Logo",
"type": "image_picker",
"id": "logo"
},
{
"type": "range",
"id": "logo_image_width",
"label": "Logo width (in pixels)",
"min": 50,
"max": 400,
"step": 5,
"unit": "px",
"default": 150
},
{
"type": "header",
"content": "Optional background image"
},
{
"type": "image_picker",
"id": "image",
"label": "Image"
},
{
"type": "select",
"id": "bg_position",
"label": "Position",
"default": "center-center",
"info": "Requires the 'Image parallax' setting to be disabled",
"options": [
{ "label": "Top", "value": "center-top" },
{ "label": "Right", "value": "right-center" },
{ "label": "Center", "value": "center-center" },
{ "label": "Left", "value": "left-center" },
{ "label": "Bottom", "value": "center-bottom" }
]
},
{
"type": "range",
"id": "overlay_opacity",
"label": "Opacity",
"min": 0,
"max": 100,
"step": 5,
"unit": "%",
"default": 75
},
{
"type": "color",
"id": "overlay_color",
"label": "Overlay color",
"default": "#fff"
},
{
"type": "header",
"content": "Bottom bar"
},
{
"type": "link_list",
"id": "footer_secondary_linklist",
"label": "Link List",
"info": "This menu won't show dropdown items."
},
{
"type": "checkbox",
"id": "footer_payment_enable",
"label": "Show payment types",
"default": true
},
{
"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 [payment settings.](/admin/settings/payments)"
},
{
"type": "checkbox",
"id": "show_currency_selector",
"label": "Show currency selector",
"default": true
},
{
"type": "select",
"id": "type",
"label": "Type",
"options": [
{
"value": "currency",
"label": "Currency"
},
{
"value": "country",
"label": "Country"
}
]
},
{
"type": "header",
"content": "Anchor logo"
},
{
"label": "Image",
"type": "image_picker",
"id": "anchor_logo"
},
{
"type": "header",
"content": "Section padding"
},
{
"type": "range",
"id": "padding_top",
"min": 0,
"max": 100,
"step": 1,
"unit": "px",
"label": "Padding top",
"default": 75
},
{
"type": "range",
"id": "padding_bottom",
"min": 0,
"max": 100,
"step": 1,
"unit": "px",
"label": "Padding bottom",
"default": 65
}
],
"blocks" : [
{
"type": "linklist",
"name": "Link list",
"settings": [
{
"type": "link_list",
"id": "linklist",
"label": "Link list",
"default": "footer",
"info": "This menu won't show dropdown items."
},
{
"type": "text",
"id": "title",
"label": "Title"
}
]
},
{
"type": "newsletter",
"name": "Newsletter",
"limit": 1,
"settings": [
{
"type": "paragraph",
"content": "Subscribers are under 'Accepts Marketing' in your [customer admin](/admin/customers)."
},
{
"type": "text",
"id": "title",
"label": "Heading",
"default": "Newsletter"
},
{
"type": "richtext",
"id": "text",
"label": "Text",
"default": "<p>Subscribe to get special offers, free giveaways, and once-in-a-lifetime deals.</p>"
},
{
"type": "checkbox",
"id": "show_name",
"label": "Show name field",
"default": false
},
{
"type": "text",
"id": "button_text",
"label": "Button text",
"default": "Join"
},
{
"type": "select",
"id": "button_color",
"label": "Button color",
"info": "Full width button only",
"default": "btn--neutral",
"options": [
{ "value": "btn--primary", "label": "Bright accent" },
{ "value": "btn--secondary", "label": "Secondary accent" },
{ "value": "btn--link", "label": "Link color" },
{ "value": "btn--neutral", "label": "Text color" },
{ "value": "btn--black", "label": "Black" },
{ "value": "btn--white", "label": "White" }
]
},
{
"type": "checkbox",
"id": "show_social_links",
"label": "Show social icons",
"info": "Edit your social settings and accounts in [Theme settings](/admin/themes/current/editor?context=theme)",
"default": false
}
]
},
{
"type": "social",
"name": "Social",
"limit": 1,
"settings": [
{
"type": "paragraph",
"content": "Edit your social settings and accounts in [Theme settings](/admin/themes/current/editor?context=theme)"
},
{
"type": "text",
"id": "title",
"label": "Heading",
"default": "Social"
},
{
"type": "richtext",
"id": "text",
"label": "Text"
}
]
},
{
"type": "text",
"name": "Text",
"settings": [
{
"type": "image_picker",
"id": "image",
"label": "Image"
},
{
"type": "range",
"id": "image_width",
"label": "Image width (in pixels)",
"min": 50,
"max": 400,
"step": 5,
"unit": "px",
"default": 150
},
{
"type": "text",
"id": "title",
"label": "Heading",
"default": "Text"
},
{
"type": "richtext",
"id": "text",
"label": "Text",
"default": "<p>Share store details, promotions, or brand content with your customers.</p>"
}
]
},
{
"type": "page",
"name": "Page",
"settings": [
{
"id": "page",
"type": "page",
"label": "Page"
}
]
}
]
}
{% endschema %}