Shopify themes, liquid, logos, and UX
Hello,
I noticed that there are ton of H2 tags on my blog post as well as my collection pages due to the footer section (About company, Affiliate, other blogs, and etc)
For whatever reason, the footer section is assigned with H2 tags even though they should either be assigned with footer tags or no tags.
Can anyone help me out with the coding issue here, so that Google won't be confused when people land on my pages?
Thanks.
The URL of the blog is https://skin-rebirth.com/blogs/the-blog/what-does-toner-do-for-your-face
yes please share footer section code so i will change h2 to different tag
sorry, i am a super newbie. Where can i obtain the footer section code?? and which code specifically should i "find"?
oh sorry for that
go to edit code >>> section >>>> footer section code
Please see below, Please let me know if you need anything else from me
<footer id="section-{{ section.id }}" data-section-id="{{ section.id }}" data-section-type="footer" class="Footer {% if section.blocks.size <= 2 %}Footer--center{% endif %} {% if add_top_margin %}Footer--withMargin{% endif %}" role="contentinfo">
<div class="Container">
{%- if section.blocks.size > 0 -%}
<div class="Footer__Inner">
{%- for block in section.blocks -%}
<div class="Footer__Block Footer__Block--{{ block.type }}" {{ block.shopify_attributes }}>
{%- case block.type -%}
{%- when 'text' -%}
{%- if block.settings.title != blank -%}
<h2 class="Footer__Title Heading u-h6"><a href="https://skin-re-birth.myshopify.com/pages/about-skin-re-birth">{{ block.settings.title | escape }}</a></h2>
{%- endif -%}
{%- if block.settings.content != blank -%}
<div class="Footer__Content Rte">
{{ block.settings.content }}
</div>
{%- endif -%}
{%- if block.settings.show_social_media -%}
{% render 'social-media', class: 'Footer__Social', spacing: 'loose' %}
{%- endif -%}
{%- when 'links' -%}
{%- assign linklist = linklists[block.settings.menu] -%}
{%- if linklist != empty -%}
<h2 class="Footer__Title Heading u-h6">{{ linklist.title | escape }}</h2>
<ul class="Linklist">
{%- for link in linklist.links -%}
<li class="Linklist__Item">
<a href="{{ link.url }}" class="Link Link--primary">{{ link.title | escape }}</a>
</li>
{%- endfor -%}
</ul>
{%- endif -%}
{%- when 'newsletter' -%}
{%- if block.settings.title != blank -%}
<h2 class="Footer__Title Heading u-h6">{{ block.settings.title | escape }}</h2>
{%- endif -%}
{%- if block.settings.content != blank -%}
<div class="Footer__Content Rte">
{{ block.settings.content }}
</div>
{%- endif -%}
{%- form 'customer', id: 'footer-newsletter', class: 'Footer__Newsletter Form' -%}
{%- if form.posted_successfully? -%}
<p class="Form__Alert Alert Alert--success">{{ 'footer.newsletter.success' | t }}</p>
{%- else -%}
{%- if form.errors -%}
<p class="Form__Alert Alert Alert--error">{{ form.errors.messages['email'] }}</p>
{%- endif -%}
<input type="hidden" name="contact[tags]" value="newsletter">
<input type="email" name="contact[email]" class="Form__Input" aria-label="{{ 'footer.newsletter.input' | t }}" placeholder="{{ 'footer.newsletter.input' | t }}" required>
<button type="submit" class="Form__Submit Button Button--primary">{{ 'footer.newsletter.submit' | t }}</button>
{%- endif -%}
{%- endform -%}
{%- endcase -%}
</div>
{%- endfor -%}
</div>
{%- endif -%}
<div class="Footer__Aside">
{%- 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.published_locales.size > 1 -%}
{%- assign locale_selector = true -%}
{%- endif -%}
{%- if locale_selector or currency_selector -%}
<div class="Footer__Localization">
{%- form 'localization', id: 'localization_form_footer', class: 'Footer__LocalizationForm' -%}
{%- if currency_selector -%}
<div class="Footer__LocalizationItem">
<input type="hidden" name="currency_code" value="{{ form.current_currency.iso_code }}">
<span class="u-visually-hidden">{{ 'footer.general.currency' | t }}</span>
<button type="button" class="SelectButton Link Link--primary u-h8" aria-haspopup="true" aria-expanded="false" aria-controls="footer-currency-popover">
{{- form.current_currency.iso_code -}} {% if form.current_currency.symbol %}{{ form.current_currency.symbol }}{% endif %}
{%- render 'icon', icon: 'select-arrow' -%}
</button>
<div id="footer-currency-popover" class="Popover Popover--small Popover--noWrap" aria-hidden="true">
<header class="Popover__Header">
<button type="button" class="Popover__Close Icon-Wrapper--clickable" data-action="close-popover">{% render 'icon' with 'close' %}</button>
<span class="Popover__Title Heading u-h4">{{ 'footer.general.currency' | t }}</span>
</header>
<div class="Popover__Content">
<div class="Popover__ValueList Popover__ValueList--center" data-scrollable>
{%- for currency in form.available_currencies -%}
<button type="submit" name="currency_code" class="Popover__Value {% if currency.iso_code == form.current_currency.iso_code %}is-selected{% endif %} Heading Link Link--primary u-h6" value="{{ currency.iso_code }}" {% if currency.iso_code == form.current_currency.iso_code %}aria-current="true"{% endif %}>
{{ currency.iso_code }} {% if currency.symbol %}{{ currency.symbol }}{% endif %}
</button>
{%- endfor -%}
</div>
</div>
</div>
</div>
{%- endif -%}
{%- if locale_selector -%}
<div class="Footer__LocalizationItem">
<input type="hidden" name="locale_code" value="{{ form.current_locale.iso_code }}">
<span class="u-visually-hidden">{{ 'footer.general.locale' | t }}</span>
<button type="button" class="SelectButton Link Link--primary u-h8" aria-haspopup="true" aria-expanded="false" aria-controls="footer-locale-popover">
{{- form.current_locale.endonym_name -}}
{%- render 'icon', icon: 'select-arrow' -%}
</button>
<div id="footer-locale-popover" class="Popover Popover--small Popover--noWrap" aria-hidden="true">
<header class="Popover__Header">
<button type="button" class="Popover__Close Icon-Wrapper--clickable" data-action="close-popover">{% render 'icon' with 'close' %}</button>
<span class="Popover__Title Heading u-h4">{{ 'footer.general.locale' | t }}</span>
</header>
<div class="Popover__Content">
<div class="Popover__ValueList Popover__ValueList--center" data-scrollable>
{%- for locale in form.available_locales -%}
<button type="submit" name="locale_code" class="Popover__Value {% if locale.iso_code == form.current_locale.iso_code %}is-selected{% endif %} Heading Link Link--primary u-h6" value="{{ locale.iso_code }}" {% if locale.iso_code == form.current_locale.iso_code %}aria-current="true"{% endif %}>
{{- locale.endonym_name -}}
</button>
{%- endfor -%}
</div>
</div>
</div>
</div>
{%- endif -%}
{%- endform -%}
</div>
{%- endif -%}
<div class="Footer__Copyright">
<a href="{{ routes.root_url }}" class="Footer__StoreName Heading u-h7 Link Link--secondary">© {{ shop.name }}</a>
<p class="Footer__ThemeAuthor">{{ powered_by_link }}</p>
</div>
{%- if section.settings.show_payment_methods -%}
{%- capture payment_methods -%}
{%- for type in shop.enabled_payment_types -%}
<li class="HorizontalList__Item">{{ type | payment_type_svg_tag }}</li>
{%- endfor -%}
{%- endcapture -%}
{%- if payment_methods != blank -%}
<ul class="Footer__PaymentList HorizontalList">
{{ payment_methods }}
</ul>
{%- endif -%}
{%- endif -%}
</div>
</div>
</footer>
{%- if settings.footer_background == settings.background -%}
<style>
.Footer {
border-top: 1px solid var(--border-color);
}
</style>
{%- endif -%}
{% schema %}
{
"name": "Footer",
"class": "shopify-section--footer",
"settings": [
{
"type": "checkbox",
"id": "show_payment_methods",
"label": "Show payment methods",
"info": "Payment method icons are automatically displayed based on your Shopify payment methods.",
"default": true
},
{
"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": "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
}
],
"blocks": [
{
"type": "text",
"name": "Text / social media",
"settings": [
{
"type": "text",
"id": "title",
"label": "Heading",
"default": "About the shop"
},
{
"type": "richtext",
"id": "content",
"label": "Text",
"default": "<p>Use this text area to tell your customers about your brand and vision. You can change it in the theme settings.</p>"
},
{
"type": "checkbox",
"id": "show_social_media",
"label": "Show social media",
"info": "Make sure to have properly configured your social media in the theme settings.",
"default": true
}
]
},
{
"type": "links",
"name": "Links",
"settings": [
{
"type": "link_list",
"id": "menu",
"label": "Menu",
"info": "This menu won't show dropdown items."
}
]
},
{
"type": "newsletter",
"name": "Newsletter",
"limit": 1,
"settings": [
{
"type": "paragraph",
"content": "Customers who subscribe will have their email address added to the \"accepts marketing\" [customer list](/admin/customers?query=&accepts_marketing=1)."
},
{
"type": "text",
"id": "title",
"label": "Heading",
"default": "Newsletter"
},
{
"type": "richtext",
"id": "content",
"label": "Text",
"default": "<p>A short sentence describing what someone will receive by subscribing</p>"
}
]
}
],
"default": {
"blocks": [
{
"type": "text",
"settings": {}
},
{
"type": "links",
"settings": {
"menu": "footer"
}
},
{
"type": "newsletter",
"settings": {}
}
]
}
}
{% endschema %}
@skinrebirth- you have content in footer tag only, the menu titles are added in h2 tag
Hi, Thanks for the help.
If you at the link below, here are the issues i have with the tags
https://skin-rebirth.com/blogs/the-blog/what-does-toner-do-for-your-face
@skinrebirth- this will need code editing, multiple sections are having these tags. I recommend to create backup of the theme, removing tags from it and then once everything is fine then only make it live
yes please update this code
<footer id="section-{{ section.id }}" data-section-id="{{ section.id }}" data-section-type="footer" class="Footer {% if section.blocks.size <= 2 %}Footer--center{% endif %} {% if add_top_margin %}Footer--withMargin{% endif %}" role="contentinfo">
<div class="Container">
{%- if section.blocks.size > 0 -%}
<div class="Footer__Inner">
{%- for block in section.blocks -%}
<div class="Footer__Block Footer__Block--{{ block.type }}" {{ block.shopify_attributes }}>
{%- case block.type -%}
{%- when 'text' -%}
{%- if block.settings.title != blank -%}
<span class="Footer__Title Heading u-h6"><a href="https://skin-re-birth.myshopify.com/pages/about-skin-re-birth">{{ block.settings.title | escape }}</a></span>
{%- endif -%}
{%- if block.settings.content != blank -%}
<div class="Footer__Content Rte">
{{ block.settings.content }}
</div>
{%- endif -%}
{%- if block.settings.show_social_media -%}
{% render 'social-media', class: 'Footer__Social', spacing: 'loose' %}
{%- endif -%}
{%- when 'links' -%}
{%- assign linklist = linklists[block.settings.menu] -%}
{%- if linklist != empty -%}
<h2 class="Footer__Title Heading u-h6">{{ linklist.title | escape }}</h2>
<ul class="Linklist">
{%- for link in linklist.links -%}
<li class="Linklist__Item">
<a href="{{ link.url }}" class="Link Link--primary">{{ link.title | escape }}</a>
</li>
{%- endfor -%}
</ul>
{%- endif -%}
{%- when 'newsletter' -%}
{%- if block.settings.title != blank -%}
<h2 class="Footer__Title Heading u-h6">{{ block.settings.title | escape }}</h2>
{%- endif -%}
{%- if block.settings.content != blank -%}
<div class="Footer__Content Rte">
{{ block.settings.content }}
</div>
{%- endif -%}
{%- form 'customer', id: 'footer-newsletter', class: 'Footer__Newsletter Form' -%}
{%- if form.posted_successfully? -%}
<p class="Form__Alert Alert Alert--success">{{ 'footer.newsletter.success' | t }}</p>
{%- else -%}
{%- if form.errors -%}
<p class="Form__Alert Alert Alert--error">{{ form.errors.messages['email'] }}</p>
{%- endif -%}
<input type="hidden" name="contact[tags]" value="newsletter">
<input type="email" name="contact[email]" class="Form__Input" aria-label="{{ 'footer.newsletter.input' | t }}" placeholder="{{ 'footer.newsletter.input' | t }}" required>
<button type="submit" class="Form__Submit Button Button--primary">{{ 'footer.newsletter.submit' | t }}</button>
{%- endif -%}
{%- endform -%}
{%- endcase -%}
</div>
{%- endfor -%}
</div>
{%- endif -%}
<div class="Footer__Aside">
{%- 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.published_locales.size > 1 -%}
{%- assign locale_selector = true -%}
{%- endif -%}
{%- if locale_selector or currency_selector -%}
<div class="Footer__Localization">
{%- form 'localization', id: 'localization_form_footer', class: 'Footer__LocalizationForm' -%}
{%- if currency_selector -%}
<div class="Footer__LocalizationItem">
<input type="hidden" name="currency_code" value="{{ form.current_currency.iso_code }}">
<span class="u-visually-hidden">{{ 'footer.general.currency' | t }}</span>
<button type="button" class="SelectButton Link Link--primary u-h8" aria-haspopup="true" aria-expanded="false" aria-controls="footer-currency-popover">
{{- form.current_currency.iso_code -}} {% if form.current_currency.symbol %}{{ form.current_currency.symbol }}{% endif %}
{%- render 'icon', icon: 'select-arrow' -%}
</button>
<div id="footer-currency-popover" class="Popover Popover--small Popover--noWrap" aria-hidden="true">
<header class="Popover__Header">
<button type="button" class="Popover__Close Icon-Wrapper--clickable" data-action="close-popover">{% render 'icon' with 'close' %}</button>
<span class="Popover__Title Heading u-h4">{{ 'footer.general.currency' | t }}</span>
</header>
<div class="Popover__Content">
<div class="Popover__ValueList Popover__ValueList--center" data-scrollable>
{%- for currency in form.available_currencies -%}
<button type="submit" name="currency_code" class="Popover__Value {% if currency.iso_code == form.current_currency.iso_code %}is-selected{% endif %} Heading Link Link--primary u-h6" value="{{ currency.iso_code }}" {% if currency.iso_code == form.current_currency.iso_code %}aria-current="true"{% endif %}>
{{ currency.iso_code }} {% if currency.symbol %}{{ currency.symbol }}{% endif %}
</button>
{%- endfor -%}
</div>
</div>
</div>
</div>
{%- endif -%}
{%- if locale_selector -%}
<div class="Footer__LocalizationItem">
<input type="hidden" name="locale_code" value="{{ form.current_locale.iso_code }}">
<span class="u-visually-hidden">{{ 'footer.general.locale' | t }}</span>
<button type="button" class="SelectButton Link Link--primary u-h8" aria-haspopup="true" aria-expanded="false" aria-controls="footer-locale-popover">
{{- form.current_locale.endonym_name -}}
{%- render 'icon', icon: 'select-arrow' -%}
</button>
<div id="footer-locale-popover" class="Popover Popover--small Popover--noWrap" aria-hidden="true">
<header class="Popover__Header">
<button type="button" class="Popover__Close Icon-Wrapper--clickable" data-action="close-popover">{% render 'icon' with 'close' %}</button>
<span class="Popover__Title Heading u-h4">{{ 'footer.general.locale' | t }}</span>
</header>
<div class="Popover__Content">
<div class="Popover__ValueList Popover__ValueList--center" data-scrollable>
{%- for locale in form.available_locales -%}
<button type="submit" name="locale_code" class="Popover__Value {% if locale.iso_code == form.current_locale.iso_code %}is-selected{% endif %} Heading Link Link--primary u-h6" value="{{ locale.iso_code }}" {% if locale.iso_code == form.current_locale.iso_code %}aria-current="true"{% endif %}>
{{- locale.endonym_name -}}
</button>
{%- endfor -%}
</div>
</div>
</div>
</div>
{%- endif -%}
{%- endform -%}
</div>
{%- endif -%}
<div class="Footer__Copyright">
<a href="{{ routes.root_url }}" class="Footer__StoreName Heading u-h7 Link Link--secondary">© {{ shop.name }}</a>
<p class="Footer__ThemeAuthor">{{ powered_by_link }}</p>
</div>
{%- if section.settings.show_payment_methods -%}
{%- capture payment_methods -%}
{%- for type in shop.enabled_payment_types -%}
<li class="HorizontalList__Item">{{ type | payment_type_svg_tag }}</li>
{%- endfor -%}
{%- endcapture -%}
{%- if payment_methods != blank -%}
<ul class="Footer__PaymentList HorizontalList">
{{ payment_methods }}
</ul>
{%- endif -%}
{%- endif -%}
</div>
</div>
</footer>
{%- if settings.footer_background == settings.background -%}
<style>
.Footer {
border-top: 1px solid var(--border-color);
}
</style>
{%- endif -%}
{% schema %}
{
"name": "Footer",
"class": "shopify-section--footer",
"settings": [
{
"type": "checkbox",
"id": "show_payment_methods",
"label": "Show payment methods",
"info": "Payment method icons are automatically displayed based on your Shopify payment methods.",
"default": true
},
{
"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": "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
}
],
"blocks": [
{
"type": "text",
"name": "Text / social media",
"settings": [
{
"type": "text",
"id": "title",
"label": "Heading",
"default": "About the shop"
},
{
"type": "richtext",
"id": "content",
"label": "Text",
"default": "<p>Use this text area to tell your customers about your brand and vision. You can change it in the theme settings.</p>"
},
{
"type": "checkbox",
"id": "show_social_media",
"label": "Show social media",
"info": "Make sure to have properly configured your social media in the theme settings.",
"default": true
}
]
},
{
"type": "links",
"name": "Links",
"settings": [
{
"type": "link_list",
"id": "menu",
"label": "Menu",
"info": "This menu won't show dropdown items."
}
]
},
{
"type": "newsletter",
"name": "Newsletter",
"limit": 1,
"settings": [
{
"type": "paragraph",
"content": "Customers who subscribe will have their email address added to the \"accepts marketing\" [customer list](/admin/customers?query=&accepts_marketing=1)."
},
{
"type": "text",
"id": "title",
"label": "Heading",
"default": "Newsletter"
},
{
"type": "richtext",
"id": "content",
"label": "Text",
"default": "<p>A short sentence describing what someone will receive by subscribing</p>"
}
]
}
],
"default": {
"blocks": [
{
"type": "text",
"settings": {}
},
{
"type": "links",
"settings": {
"menu": "footer"
}
},
{
"type": "newsletter",
"settings": {}
}
]
}
}
{% endschema %}
Thanks for taking the time to do this.
However the tags are still the same.
https://skin-rebirth.com/blogs/the-blog/what-does-toner-do-for-your-face
i have just update on footer no other one
Could you please help me with my code as well? I am not allowed to change "header" to "text".. My problem is I have H2-tags in the footer, which I want to change to "text".
<script
type="application/json"
data-section-id="{{ section.id }}"
data-section-type="static-footer">
</script>
<footer role="contentinfo" aria-label="Footer">
<section class="site-footer-wrapper">
{% if section.blocks.size %}
<div class="site-footer-item">
<div class="site-footer-blocks column-count-{{ section.blocks.size }}">
{% render 'footer-block' for section.blocks as block %}
</div>
</div>
{% endif %}
<div class="site-footer-item">
<div class="site-footer-information">
<div class="site-footer-left">
{% if linklists[section.settings.additional_menu].links != blank %}
<nav
class="site-footer-navigation"
aria-label="{{ 'general.accessibility.nav_footer' | t }}"
>
{%
render 'navlist',
menu_list: linklists[section.settings.additional_menu].links,
depth: 1,
max_depth: 1,
aria_expanded: true,
%}
</nav>
{% endif %}
<p class="site-footer-credits">
{% assign year = 'now' | date: '%Y' %}
{{ 'footer.general.copyright_html' | t: year: year, shop_name: shop.name }}
</p>
<p class="site-footer-credits">
{{ powered_by_link }}
</p>
</div>
{%- assign currency_selector = section.settings.show_currency_selector -%}
{%- assign locale_selector = section.settings.show_locale_selector -%}
{%- if section.settings.payment_icons or currency_selector or locale_selector -%}
<div class="site-footer-right">
{% 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 %}
{% comment %} Generate a "random" number so ids are unique {% endcomment %}
{% assign unique_id = "now" | date: "%N" | modulo: 1000 %}
<div class="selectors-form__item">
<div class="disclosure" data-disclosure-locale>
<div class="visually-hidden" id="lang-heading-{{ unique_id }}">
{{ 'general.language.dropdown_label' | t }}
</span>
<button
type="button"
class="disclosure__toggle"
aria-expanded="false"
aria-controls="lang-list-{{ unique_id }}"
aria-describedby="lang-heading-{{ unique_id }}"
data-disclosure-toggle
>
{{ form.current_locale.endonym_name }}
</button>
<ul id="lang-list-{{ unique_id }}" 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-{{ unique_id }}" 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 %}
{% comment %} Generate a "random" number so ids are unique {% endcomment %}
{% assign unique_id = "now" | date: "%N" | modulo: 1000 %}
<div class="selectors-form__item">
<div class="disclosure" data-disclosure-currency>
<div class="visually-hidden" id="currency-heading-{{ unique_id }}">
{{ 'general.currency.dropdown_label' | t }}
</span>
<button
type="button"
class="disclosure__toggle"
aria-expanded="false"
aria-controls="currency-list-{{ unique_id }}"
aria-describedby="currency-heading-{{ unique_id }}"
data-disclosure-toggle
>
{{ form.current_currency.iso_code }} {%- if form.current_currency.symbol -%}{{ form.current_currency.symbol }}{%- endif -%}
</button>
<ul id="currency-list-{{ unique_id }}" 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-{{ unique_id }}" 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 %}
{% if section.settings.payment_icons and shop.enabled_payment_types.size > 0 %}
<ul class="payment-icons">
{% for type in shop.enabled_payment_types %}
<li class="payment-icons-item">
{{ type | payment_type_svg_tag }}
</li>
{% endfor %}
</ul>
{% endif %}
</div>
{%- endif -%}
</div>
</div>
</section>
</footer>
{% schema %}
{
"name": "Footer",
"max_blocks": 5,
"settings": [
{
"type": "header",
"content": "Payment icons"
},
{
"type": "checkbox",
"id": "payment_icons",
"label": "Show payment icons",
"default": false
},
{
"type": "header",
"content": "Language Selector",
"info": "To add a language, go to your [language settings.](/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": "header",
"content": "Additional menu"
},
{
"type": "link_list",
"id": "additional_menu",
"label": "Menu",
"default": "footer",
"info": "This menu won't show dropdown items."
}
],
"blocks": [
{
"type": "menu",
"name": "Menu",
"settings": [
{
"type": "link_list",
"id": "menu",
"label": "Menu",
"default": "main-menu",
"info": "This menu won't show dropdown items."
}
]
},
{
"type": "rich_text",
"name": "Rich text",
"settings": [
{
"type": "text",
"id": "title",
"label": "Heading",
"default": "Rich text"
},
{
"type": "richtext",
"id": "text",
"label": "Text",
"default": "<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_accounts",
"name": "Social accounts",
"limit": 1,
"settings": [
{
"type": "paragraph",
"content": "Social links can be managed in your General settings."
}
]
},
{
"type": "newsletter",
"name": "Newsletter",
"limit": 1,
"settings": [
{
"type": "text",
"id": "title",
"label": "Heading",
"default": "Subscribe"
},
{
"type": "richtext",
"id": "text",
"label": "Text",
"default": "<p>Invite customers to join your mailing list.</p>"
}
]
}
],
"default": {
"settings": {
"additional_menu": "footer"
},
"blocks": [
{
"type": "menu",
"settings": {}
},
{
"type": "newsletter",
"settings": {}
}
]
}
}
{% endschema %}
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024