{%- if settings.favicon != blank -%} {%- endif -%} {%- unless settings.type_header_font.system? and settings.type_body_font.system? -%} {%- endunless -%} {{ page_title }} {% if page_description %} {% endif %} {{ content_for_header }} {%- liquid assign body_font_bold = settings.type_body_font | font_modify: 'weight', 'bold' assign body_font_italic = settings.type_body_font | font_modify: 'style', 'italic' assign body_font_bold_italic = body_font_bold | font_modify: 'style', 'italic' %} {% style %} {{ settings.type_body_font | font_face: font_display: 'swap' }} {{ body_font_bold | font_face: font_display: 'swap' }} {{ body_font_italic | font_face: font_display: 'swap' }} {{ body_font_bold_italic | font_face: font_display: 'swap' }} {{ settings.type_header_font | font_face: font_display: 'swap' }} :root { --font-body-family: {{ settings.type_body_font.family }}, {{ settings.type_body_font.fallback_families }}; --font-body-style: {{ settings.type_body_font.style }}; --font-body-weight: {{ settings.type_body_font.weight }}; --font-body-weight-bold: {{ settings.type_body_font.weight | plus: 300 | at_most: 1000 }}; --font-heading-family: {{ settings.type_header_font.family }}, {{ settings.type_header_font.fallback_families }}; --font-heading-style: {{ settings.type_header_font.style }}; --font-heading-weight: {{ settings.type_header_font.weight }}; --font-body-scale: {{ settings.body_scale | divided_by: 100.0 }}; --font-heading-scale: {{ settings.heading_scale | times: 1.0 | divided_by: settings.body_scale }}; --color-base-text: {{ settings.colors_text.red }}, {{ settings.colors_text.green }}, {{ settings.colors_text.blue }}; --color-shadow: {{ settings.colors_text.red }}, {{ settings.colors_text.green }}, {{ settings.colors_text.blue }}; --color-base-background-1: {{ settings.colors_background_1.red }}, {{ settings.colors_background_1.green }}, {{ settings.colors_background_1.blue }}; --color-base-background-2: {{ settings.colors_background_2.red }}, {{ settings.colors_background_2.green }}, {{ settings.colors_background_2.blue }}; --color-base-solid-button-labels: {{ settings.colors_solid_button_labels.red }}, {{ settings.colors_solid_button_labels.green }}, {{ settings.colors_solid_button_labels.blue }}; --color-base-outline-button-labels: {{ settings.colors_outline_button_labels.red }}, {{ settings.colors_outline_button_labels.green }}, {{ settings.colors_outline_button_labels.blue }}; --color-base-accent-1: {{ settings.colors_accent_1.red }}, {{ settings.colors_accent_1.green }}, {{ settings.colors_accent_1.blue }}; --color-base-accent-2: {{ settings.colors_accent_2.red }}, {{ settings.colors_accent_2.green }}, {{ settings.colors_accent_2.blue }}; --payment-terms-background-color: {{ settings.colors_background_1 }}; --gradient-base-background-1: {% if settings.gradient_background_1 != blank %}{{ settings.gradient_background_1 }}{% else %}{{ settings.colors_background_1 }}{% endif %}; --gradient-base-background-2: {% if settings.gradient_background_2 != blank %}{{ settings.gradient_background_2 }}{% else %}{{ settings.colors_background_2 }}{% endif %}; --gradient-base-accent-1: {% if settings.gradient_accent_1 != blank %}{{ settings.gradient_accent_1 }}{% else %}{{ settings.colors_accent_1 }}{% endif %}; --gradient-base-accent-2: {% if settings.gradient_accent_2 != blank %}{{ settings.gradient_accent_2 }}{% else %}{{ settings.colors_accent_2 }}{% endif %}; --page-width: {{ settings.page_width | divided_by: 10 }}rem; --page-width-margin: {% if settings.page_width == '1600' %}2{% else %}0{% endif %}rem; --badge-corner-radius: {{ settings.badge_corner_radius | divided_by: 10.0 }}rem; --spacing-sections-desktop: {{ settings.spacing_sections }}px; --spacing-sections-mobile: {% if settings.spacing_sections < 24 %}{{ settings.spacing_sections }}{% else %}{{ settings.spacing_sections | times: 0.7 | round | at_least: 20 }}{% endif %}px; --buttons-radius: {{ settings.buttons_radius }}px; --buttons-radius-outset: {% if settings.buttons_radius > 0 %}{{ settings.buttons_radius | plus: settings.buttons_border_thickness }}{% else %}0{% endif %}px; --buttons-border-width: {% if settings.buttons_border_opacity > 0 %}{{ settings.buttons_border_thickness }}{% else %}0{% endif %}px; --buttons-border-opacity: {{ settings.buttons_border_opacity | divided_by: 100.0 }}; --buttons-shadow-opacity: {{ settings.buttons_shadow_opacity | divided_by: 100.0 }}; --buttons-shadow-visible: {% if settings.buttons_shadow_opacity > 0 %}1{% else %}0{% endif %}; --buttons-shadow-horizontal-offset: {{ settings.buttons_shadow_horizontal_offset }}px; --buttons-shadow-vertical-offset: {{ settings.buttons_shadow_vertical_offset }}px; --buttons-shadow-blur-radius: {{ settings.buttons_shadow_blur }}px; --buttons-border-offset: {% if settings.buttons_radius > 0 or settings.buttons_shadow_opacity > 0 %}0.3{% else %}0{% endif %}px; --inputs-radius: {{ settings.inputs_radius }}px; --inputs-border-width: {{ settings.inputs_border_thickness }}px; --inputs-border-opacity: {{ settings.inputs_border_opacity | divided_by: 100.0 }}; --inputs-shadow-opacity: {{ settings.inputs_shadow_opacity | divided_by: 100.0 }}; --inputs-shadow-horizontal-offset: {{ settings.inputs_shadow_horizontal_offset }}px; --inputs-margin-offset: {% if settings.inputs_shadow_vertical_offset != 0 and settings.inputs_shadow_opacity > 0 %}{{ settings.inputs_shadow_vertical_offset | abs }}{% else %}0{% endif %}px; --inputs-shadow-vertical-offset: {{ settings.inputs_shadow_vertical_offset }}px; --inputs-shadow-blur-radius: {{ settings.inputs_shadow_blur }}px; --inputs-radius-outset: {% if settings.inputs_radius > 0 %}{{ settings.inputs_radius | plus: settings.inputs_border_thickness }}{% else %}0{% endif %}px; } *, *::before, *::after { box-sizing: inherit; } html { box-sizing: border-box; font-size: calc(var(--font-body-scale) * 62.5%); height: 100%; } body { display: grid; grid-template-rows: auto auto 1fr auto; grid-template-columns: 100%; min-height: 100%; margin: 0; font-size: 1.5rem; letter-spacing: 0.06rem; line-height: calc(1 + 0.8 / var(--font-body-scale)); font-family: var(--font-body-family); font-style: var(--font-body-style); font-weight: var(--font-body-weight); } .redirect { margin: 0 auto; padding-left: 1.5rem; padding-right: 1.5rem; text-align: center; } @media screen and (min-width: 750px) { body { font-size: 1.6rem; } } {% endstyle %} {{ 'base.css' | asset_url | stylesheet_tag }} {%- unless settings.type_body_font.system? -%} {%- endunless -%} {%- unless settings.type_header_font.system? -%} {%- endunless -%} {% comment %} Should redirect if all conditions are met: - The template is defined (will be undefined for app proxies like /apps|a|community|tools/*) - The current template is not the login page, unless multipass login is enabled {% endcomment %} {%- assign should_redirect = template != blank and template.name != 'login' or settings.multipass_login -%} {%- if settings.storefront_hostname != blank and should_redirect -%} {%- endif -%} {{ content_for_layout }} {%- if should_redirect -%}
{%- if settings.storefront_hostname != blank -%}

Redirecting...

Click here if you are not automically redirected.

{%- else -%}

Redirect URL not set

Configure the redirects in "Theme settings > Storefront".

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