/** Shopify CDN: Minification failed
Line 16:0 Unexpected "{"
Line 16:1 Expected identifier but found "%"
Line 18:19 Expected identifier but found whitespace
Line 18:42 Unexpected "!"
Line 23:1 Expected identifier but found "%"
Line 25:0 Unexpected "<"
Line 27:1 Expected identifier but found "%"
Line 28:0 Unexpected "{"
Line 28:1 Expected identifier but found "%"
Line 29:2 Unexpected "{"
... and 159 more hidden warnings
**/
{%- comment -%}
------------------------------------------------------------------------------------------------------------------------
NOTE TO DEVELOPERS: welcome to Focal theme! We hope that you will enjoy editing this theme as much as we did for
developing it. We have put a lot of work to make this theme as developer friendly as possible by offering you
hooks to integrate into critical parts of the theme. You will find the complete technical documentation (including
all events, dependencies...) in the "custom.js" file, located in the Assets folder.
------------------------------------------------------------------------------------------------------------------------
{%- endcomment -%}
{%- assign direction = 'ltr' -%}
{%- case request.locale.iso_code -%}
{%- when 'ar' or 'arc' or 'dv' or 'fa' or 'ha' or 'he' or 'kwh' or 'ks' or 'ku' or 'ps' or 'ur' or 'yi' -%}
{%- assign direction = 'rtl' -%}
{%- endcase -%}
{% if page_title == blank %}{{ shop.name }}{% else %}{{ page_title }}{% if current_page != 1 %} – {{ 'general.meta.page' | t: page: current_page }}{% endif %}{% endif %}
{%- if page_description -%}
{%- endif -%}
{%- if settings.favicon -%}
{%- endif -%}
{%- comment -%}Few prefech to increase performance on commonly used third-parties{%- endcomment -%}
{%- unless settings.heading_font.system? and settings.text_font.system? -%}
{%- endunless -%}
{%- comment -%}Preload important resources{%- endcomment -%}
{%- comment -%}
IMPLEMENTATION NOTE: for improving performance, Focal tries to preload images on known pages (such as blog page,
product or collection pages). In order to keep a main JS file size minimal, the theme also lazyloads non-essential
libraries (such as PhotoSwipe or Flickity) and only loads them on demand.
{%- endcomment -%}
{%- if request.page_type == 'product' -%}
{%- assign selected_media = product.selected_variant.featured_media | default: product.featured_media -%}
{%- if product.media.size > 1 -%}
{%- endif -%}
{%- endif -%}
{% render 'social-meta-tags' %}
{% render 'microdata-schema' %}
{% render 'css-variables', direction: direction %}
{% render 'js-variables', direction: direction %}
{{ content_for_header }}
{%- assign feature_classes = '' -%}
{%- if settings.show_image_zoom -%}
{% assign feature_classes = feature_classes | append: ' features--image-zoom' %}
{%- endif -%}
{%- comment -%}Common SVG definitions that we are re-using in several places{%- endcomment -%}
{{ 'general.accessibility.skip_to_content' | t }}
{%- if request.page_type != 'gift_card' and request.page_type != 'password' -%}
{%- sections 'header-group' -%}
{%- sections 'overlay-group' -%}
{%- unless settings.cart_type == 'page' or request.page_type == 'cart' -%}
{%- section 'mini-cart' -%}
{%- endunless -%}
{%- endif -%}
{%- comment -%}
IMPLEMENTATION NOTE: on collection and search page, the theme was designed to show on mobile the filter bar and/or sort
by at the very top of the page. However, due to the fact that sections are isolated, I had to move the code
here. Then, the collection section, based on the selected settings, will eventually hide those elements in CSS
{%- endcomment -%}
{%- if request.page_type == 'collection' or request.page_type == 'search' -%}
{%- assign active_filters_count = 0 -%}
{%- if request.page_type == 'collection' -%}
{%- assign filters = collection.filters -%}
{%- else -%}
{%- assign filters = search.filters -%}
{%- endif -%}
{%- for filter in filters -%}
{%- if filter.type == 'list' -%}
{%- assign active_filters_count = active_filters_count | plus: filter.active_values.size -%}
{%- elsif filter.type == 'price_range' and filter.min_value.value or filter.max_value.value -%}
{%- assign active_filters_count = active_filters_count | plus: 1 -%}
{%- endif -%}
{%- endfor -%}
{%- assign is_toolbar_collapsed = false -%}
{%- if request.page_type == 'search' and search.results.first.object_type != 'product' and search.results_count > 0 -%}
{%- assign is_toolbar_collapsed = true -%}
{%- endif -%}