Compare text

Find the difference between two text files

Real-time diff

Unified diff

Collapse lines

Highlight change

Syntax highlighting

Tools

theme.liquid

Created 4 years agoDiff never expires

0 removals

247 lines

4 additions

251 lines

<!doctype html>

<head>

{% if settings.preconnect_facebook %}

{% endif %}

{% if settings.preconnect_google %}

{% endif %}

<title>

{%- if current_tags -%}

{%- include 'advanced-tag-loop' -%}

{% assign title_tags = '' %}

{% assign meta_tags = current_tags | join: ', ' %}

{%- for tag in current_tags -%}

{% assign is_advanced_tag = false %}

{% assign cat = tag | split: '_' | first %}

{%- unless cat == tag -%}

{%- if cat_array contains cat -%}

{% assign is_advanced_tag = true %}

{% assign title_tags = title_tags | append: ', ' | append: tag | replace_first: '_', ': ' %}

{%- endif -%}

{%- endunless -%}

{%- unless is_advanced_tag -%}

{% assign title_tags = title_tags | append: ', ' | append: tag %}

{%- endunless -%}

{%- endfor -%}

{{ 'general.title.tags' | t: tags: title_tags | remove_first: ', ' }}

{%- endif -%}

{%- if current_page != 1 -%}

{%- endif -%}

{%- unless page_title contains shop.name -%}

{%- endunless -%}

</title>

{% if page_description != blank %}

{% endif %}

{% include 'favicon' %}

{% if template contains 'collection' and current_tags %}

{% else %}

{% endif %}

{% assign twitter_handle = settings.social_twitter | split: 'twitter.com/' | last %}

include 'social-meta-tags',

twitter_handle: twitter_handle

{% assign preload_styles = settings.preload_styles %}

{% if preload_styles == 'await_critical_styles' %}

{% else %}

{% endif %}

document.documentElement.className=document.documentElement.className.replace(/\bno-js\b/,'js');

if(window.Shopify&&window.Shopify.designMode)document.documentElement.className+=' in-theme-editor';

if(('ontouchstart' in window)||window.DocumentTouch&&document instanceof DocumentTouch)document.documentElement.className=document.documentElement.className.replace(/\bno-touch\b/,'has-touch');

</script>

{% if preload_styles == 'await_all_styles' %}

{% elsif preload_styles == 'await_critical_styles' %}

{% endif %}

{% if settings.custom_scripts_head != blank %}

{% unless settings.custom_scripts_head contains '<script' %}<script>{% endunless %}

{% unless settings.custom_scripts_head contains '<script' %}</script>{% endunless %}

{% endif %}

</head>

<body

{% unless settings.lazy_load %}

data-lazy-loading-disabled

{% endunless %}

class="template-{{ template.name }}"

{% if settings.enable_instantpage == true %}

data-instant-allow-query-string

{% endif %}

<a class="skip-to-main" href="#site-main">{{ 'general.accessibility.skip_to_content' | t }}</a>

{% section 'static-announcement' %}

{% section 'static-utility-bar' %}

{% case settings.header_layout %}

{% when 'minimal' %}

{% section 'static-minimal-header' %}

{% when 'basic' %}

{% section 'static-basic-header' %}

{% else %}

{% section 'static-header' %}

{% endcase %}

{% comment %}

This intersection-target is for the traditional header.

It needs to sit outside of the sticky header, so it knows when to collapse

{% endcomment %}

{% if settings.header_layout == 'traditional' %}

{% endif %}

{% if template == 'index' %}

{% section 'static-slideshow' %}

{% endif %}

</main>

{% section 'static-footer' %}

{% comment %}

Below are various templates used in JavaScript

{% endcomment %}

{% include 'message-banner' %}

{% include 'atc-banner' %}

</div>

{% comment %}

Modal container, used on Collections, Password, and QuickShop

{% endcomment %}

{% include 'modal' %}

{% comment %}

This is the PhotoSwipe dialog for product galleries which needs to be in the base page

{% endcomment %}

{% include 'product-gallery-zoom' %}

{% if preload_styles != 'await_all_styles' %}

{% if preload_styles == 'await_critical_styles' %}

(function(){

// remove above the fold styles to make sure there are no style conflicts

var aboveFoldStyles = document.querySelector('[data-styles-above-fold]');

aboveFoldStyles.parentNode.removeChild(aboveFoldStyles);

})();

</script>

{% endif %}

{%- if template contains 'customer' -%}

{%- endif -%}

{% assign theme_script = 'superstore.js' %}

{% if settings.use_minified_js %}

{% assign theme_script = 'superstore.min.js' %}

{% endif %}

{% assign enable_currency_converter = false %}

{% if settings.enable_currency_converter != 'disable' %}

{% assign enable_currency_converter = true %}

{% endif %}

include 'currency-converter-settings',

display_format: settings.currency_display_format,

enable: enable_currency_converter,

default_currency: settings.currency_converter_default,

<script

src="{{ theme_script | asset_url }}"

data-scripts

data-shopify-api-url="{{ 'api.jquery.js' | shopify_asset_url }}"

data-shopify-countries="/services/javascripts/countries.js"

data-shopify-common="{{ 'shopify_common.js' | shopify_asset_url }}"

data-shopify-cart="{{ 'jquery.cart.js' | asset_url }}"

data-pxu-polyfills="{{ 'polyfills.js' | asset_url }}"

</script>

{% if settings.custom_styles != blank %}

{% unless settings.custom_styles contains '<style' %}<style>{% endunless %}

{% unless settings.custom_styles contains '<style' %}</style>{% endunless %}

{% endif %}

{% if settings.custom_scripts_footer != blank %}

{% unless settings.custom_scripts_footer contains '<script' %}<script>{% endunless %}

{% unless settings.custom_scripts_footer contains '<script' %}</script>{% endunless %}

{% endif %}

{% include 'structured-data' %}

(function () {

function handleFirstTab(e) {

if (e.keyCode === 9) { // the "I am a keyboard user" key

document.body.classList.add('user-is-tabbing');

window.removeEventListener('keydown', handleFirstTab);

}

window.addEventListener('keydown', handleFirstTab);

})();

</script>

{% include 'api' with 'page:body' %}

{% if settings.enable_instantpage == true %}

<script

src="{{ 'instantPage.min.js' | asset_url }}"

type="module"

defer

</script>

{% endif %}

</body>

</html>

Saved diffs

Original text

Open file

<!doctype html>
<html class="no-js no-touch" lang="{{ shop.locale }}">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="IE=edge">

    <link rel="preconnect" href="https://cdn.shopify.com" crossorigin>

    {% if settings.preconnect_facebook %}
      <link rel="preconnect" href="https://connect.facebook.net" crossorigin>
    {% endif %}
    {% if settings.preconnect_google %}
      <link rel="preconnect" href="https://www.google-analytics.com" crossorigin>
    {% endif %}

    <title>
      {{- page_title -}}

      {%- if current_tags -%}
        {%- include 'advanced-tag-loop' -%}
        {% assign title_tags = '' %}
        {% assign meta_tags = current_tags | join: ', ' %}
        {%- for tag in current_tags -%}
          {% assign is_advanced_tag = false %}
          {% assign cat = tag | split: '_' | first %}

          {%- unless cat == tag -%}
            {%- if cat_array contains cat -%}
              {% assign is_advanced_tag = true %}
              {% assign title_tags = title_tags | append: ', ' | append: tag | replace_first: '_', ': ' %}
            {%- endif -%}
          {%- endunless -%}

          {%- unless is_advanced_tag -%}
            {% assign title_tags = title_tags | append: ', ' | append: tag %}
          {%- endunless -%}
        {%- endfor -%}
        {{ 'general.title.tags' | t: tags: title_tags | remove_first: ', ' }}
      {%- endif -%}

      {%- if current_page != 1 -%}
        {{- 'general.title.page' | t: page: current_page -}}
      {%- endif -%}

      {%- unless page_title contains shop.name -%}
        {{- 'general.title.shop' | t: shop: shop.name -}}
      {%- endunless -%}
    </title>

    {% if page_description != blank %}
      <meta name="description" content="{{ page_description | escape }}">
    {% endif %}

    {% include 'favicon' %}

    {% if template contains 'collection' and current_tags %}
      <meta name="robots" content="noindex" />
      <link rel="canonical" href="{{ shop.url }}{{ collection.url }}" />
    {% else %}
      <link rel="canonical" href="{{ canonical_url }}" />
    {% endif %}

    <meta name="viewport" content="width=device-width">

    {% assign twitter_handle = settings.social_twitter | split: 'twitter.com/' | last %}
    {%
      include 'social-meta-tags',
      twitter_handle: twitter_handle
    %}

    {% assign preload_styles = settings.preload_styles %}

    <link rel="preload" href="{{ settings.type_menu | font_url }}" as="font" crossorigin="anonymous">

    {% if preload_styles == 'await_critical_styles' %}
      <link rel="preload" as="style" href="{{ 'theme-critical.scss.css' | asset_url }}">
    {% else %}
      <link rel="preload" as="style" href="{{ 'theme.scss.css' | asset_url }}">
    {% endif %}

    {{ content_for_header }}

    <script>
      document.documentElement.className=document.documentElement.className.replace(/\bno-js\b/,'js');
      if(window.Shopify&&window.Shopify.designMode)document.documentElement.className+=' in-theme-editor';
      if(('ontouchstart' in window)||window.DocumentTouch&&document instanceof DocumentTouch)document.documentElement.className=document.documentElement.className.replace(/\bno-touch\b/,'has-touch');
    </script>

    <script src="{{ 'api.js' | asset_url }}"></script>

    {% if preload_styles == 'await_all_styles' %}
      <link href="{{ 'theme.scss.css' | asset_url }}" rel="stylesheet" type="text/css" media="all" />
    {% elsif preload_styles == 'await_critical_styles' %}
      <link href="{{ 'theme-critical.scss.css' | asset_url }}" rel="stylesheet" type="text/css" media="all" data-styles-above-fold />
      <link rel="preload" as="style" href="{{ 'theme.scss.css' | asset_url }}">
    {% endif %}

    {% if settings.custom_scripts_head != blank %}
      {% unless settings.custom_scripts_head contains '<script' %}<script>{% endunless %}
        {{ settings.custom_scripts_head }}
      {% unless settings.custom_scripts_head contains '<script' %}</script>{% endunless %}
    {% endif %}
  </head>

  <body
    {% unless settings.lazy_load %}
      data-lazy-loading-disabled
    {% endunless %}
    class="template-{{ template.name }}"
    {% if settings.enable_instantpage == true %}
      data-instant-allow-query-string
    {% endif %}
  >
    <a class="skip-to-main" href="#site-main">{{ 'general.accessibility.skip_to_content' | t }}</a>
    {% section 'static-announcement' %}
    {% section 'static-utility-bar' %}

    {% case settings.header_layout %}
      {% when 'minimal' %}
        {% section 'static-minimal-header' %}
      {% when 'basic' %}
        {% section 'static-basic-header' %}
      {% else %}
        {% section 'static-header' %}
    {% endcase %}

    {% comment %}
      This intersection-target is for the traditional header.
      It needs to sit outside of the sticky header, so it knows when to collapse
    {% endcomment %}
    {% if settings.header_layout == 'traditional' %}
      <div class="intersection-target"></div>
    {% endif %}

    <main id="site-main" class="site-main" aria-label="Main content" tabindex="-1">
      {% if template == 'index' %}
        {% section 'static-slideshow' %}
      {% endif %}

      {{ content_for_layout }}
    </main>

    {% section 'static-footer' %}

    {% comment %}
      Below are various templates used in JavaScript
    {% endcomment %}
    <div style="display: none;" aria-hidden="true" data-templates>
      {% include 'message-banner' %}
      {% include 'atc-banner' %}
    </div>

    {% comment %}
      Modal container, used on Collections, Password, and QuickShop
    {% endcomment %}
    {% include 'modal' %}

    {% comment %}
      This is the PhotoSwipe dialog for product galleries which needs to be in the base page
    {% endcomment %}
    {% include 'product-gallery-zoom' %}

    {% if preload_styles != 'await_all_styles' %}
      {{ 'theme.scss.css' | asset_url | stylesheet_tag }}

      {% if preload_styles == 'await_critical_styles' %}
        <script>
          (function(){
            // remove above the fold styles to make sure there are no style conflicts
            var aboveFoldStyles = document.querySelector('[data-styles-above-fold]');
            aboveFoldStyles.parentNode.removeChild(aboveFoldStyles);
          })();
        </script>
      {% endif %}
    {% endif %}

    {%- if template contains 'customer' -%}
      {{ 'shopify_common.js' | shopify_asset_url | script_tag }}
      {{ 'customer_area.js' | shopify_asset_url | script_tag }}
    {%- endif -%}

    {% assign theme_script = 'superstore.js' %}
    {% if settings.use_minified_js %}
      {% assign theme_script = 'superstore.min.js' %}
    {% endif %}

    {% assign enable_currency_converter = false %}
    {% if settings.enable_currency_converter != 'disable' %}
      {% assign enable_currency_converter = true %}
    {% endif %}
    {%
      include 'currency-converter-settings',
      display_format: settings.currency_display_format,
      enable: enable_currency_converter,
      default_currency: settings.currency_converter_default,
    %}
    <script
      src="{{ theme_script | asset_url }}"
      data-scripts
      data-shopify-api-url="{{ 'api.jquery.js' | shopify_asset_url }}"
      data-shopify-countries="/services/javascripts/countries.js"
      data-shopify-common="{{ 'shopify_common.js' | shopify_asset_url }}"
      data-shopify-cart="{{ 'jquery.cart.js' | asset_url }}"
      data-pxu-polyfills="{{ 'polyfills.js' | asset_url }}"
    >
    </script>

    {% if settings.custom_styles != blank %}
      {% unless settings.custom_styles contains '<style' %}<style>{% endunless %}
        {{ settings.custom_styles }}
      {% unless settings.custom_styles contains '<style' %}</style>{% endunless %}
    {% endif %}

    {% if settings.custom_scripts_footer != blank %}
      {% unless settings.custom_scripts_footer contains '<script' %}<script>{% endunless %}
        {{ settings.custom_scripts_footer }}
      {% unless settings.custom_scripts_footer contains '<script' %}</script>{% endunless %}
    {% endif %}

    {% include 'structured-data' %}

    <script>
    (function () {
      function handleFirstTab(e) {
        if (e.keyCode === 9) { // the "I am a keyboard user" key
          document.body.classList.add('user-is-tabbing');
          window.removeEventListener('keydown', handleFirstTab);
        }
      }
      window.addEventListener('keydown', handleFirstTab);
    })();
    </script>

    {% include 'api' with 'page:body' %}
    {{ page_body }}

    {% if settings.enable_instantpage == true %}
      <script
        src="{{ 'instantPage.min.js' | asset_url }}"
        type="module"
        defer
      >
      </script>
    {% endif %}
  </body>
</html>

Changed text

Open file

<!doctype html>
<html class="no-js no-touch" lang="{{ shop.locale }}">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="IE=edge">

    <link rel="preconnect" href="https://cdn.shopify.com" crossorigin>

    {% if settings.preconnect_facebook %}
      <link rel="preconnect" href="https://connect.facebook.net" crossorigin>
    {% endif %}
    {% if settings.preconnect_google %}
      <link rel="preconnect" href="https://www.google-analytics.com" crossorigin>
    {% endif %}

    <title>
      {{- page_title -}}

      {%- if current_tags -%}
        {%- include 'advanced-tag-loop' -%}
        {% assign title_tags = '' %}
        {% assign meta_tags = current_tags | join: ', ' %}
        {%- for tag in current_tags -%}
          {% assign is_advanced_tag = false %}
          {% assign cat = tag | split: '_' | first %}

          {%- unless cat == tag -%}
            {%- if cat_array contains cat -%}
              {% assign is_advanced_tag = true %}
              {% assign title_tags = title_tags | append: ', ' | append: tag | replace_first: '_', ': ' %}
            {%- endif -%}
          {%- endunless -%}

          {%- unless is_advanced_tag -%}
            {% assign title_tags = title_tags | append: ', ' | append: tag %}
          {%- endunless -%}
        {%- endfor -%}
        {{ 'general.title.tags' | t: tags: title_tags | remove_first: ', ' }}
      {%- endif -%}

      {%- if current_page != 1 -%}
        {{- 'general.title.page' | t: page: current_page -}}
      {%- endif -%}

      {%- unless page_title contains shop.name -%}
        {{- 'general.title.shop' | t: shop: shop.name -}}
      {%- endunless -%}
    </title>

    {% if page_description != blank %}
      <meta name="description" content="{{ page_description | escape }}">
    {% endif %}

    {% include 'favicon' %}

    {% if template contains 'collection' and current_tags %}
      <meta name="robots" content="noindex" />
      <link rel="canonical" href="{{ shop.url }}{{ collection.url }}" />
    {% else %}
      <link rel="canonical" href="{{ canonical_url }}" />
    {% endif %}

    <meta name="viewport" content="width=device-width">

    {% assign twitter_handle = settings.social_twitter | split: 'twitter.com/' | last %}
    {%
      include 'social-meta-tags',
      twitter_handle: twitter_handle
    %}

    {% assign preload_styles = settings.preload_styles %}

    <link rel="preload" href="{{ settings.type_menu | font_url }}" as="font" crossorigin="anonymous">

    {% if preload_styles == 'await_critical_styles' %}
      <link rel="preload" as="style" href="{{ 'theme-critical.scss.css' | asset_url }}">
    {% else %}
      <link rel="preload" as="style" href="{{ 'theme.scss.css' | asset_url }}">
      <link rel="preload" as="style" href="{{ 'theme-more.scss.css' | asset_url }}">
    {% endif %}

    {{ content_for_header }}

    <script>
      document.documentElement.className=document.documentElement.className.replace(/\bno-js\b/,'js');
      if(window.Shopify&&window.Shopify.designMode)document.documentElement.className+=' in-theme-editor';
      if(('ontouchstart' in window)||window.DocumentTouch&&document instanceof DocumentTouch)document.documentElement.className=document.documentElement.className.replace(/\bno-touch\b/,'has-touch');
    </script>

    <script src="{{ 'api.js' | asset_url }}"></script>

    {% if preload_styles == 'await_all_styles' %}
      <link href="{{ 'theme.scss.css' | asset_url }}" rel="stylesheet" type="text/css" media="all" />
      <link href="{{ 'theme-more.scss.css' | asset_url }}" rel="stylesheet" type="text/css" media="all" />
    {% elsif preload_styles == 'await_critical_styles' %}
      <link href="{{ 'theme-critical.scss.css' | asset_url }}" rel="stylesheet" type="text/css" media="all" data-styles-above-fold />
      <link rel="preload" as="style" href="{{ 'theme.scss.css' | asset_url }}">
      <link rel="preload" as="style" href="{{ 'theme-more.scss.css' | asset_url }}">
    {% endif %}

    {% if settings.custom_scripts_head != blank %}
      {% unless settings.custom_scripts_head contains '<script' %}<script>{% endunless %}
        {{ settings.custom_scripts_head }}
      {% unless settings.custom_scripts_head contains '<script' %}</script>{% endunless %}
    {% endif %}
  </head>

  <body
    {% unless settings.lazy_load %}
      data-lazy-loading-disabled
    {% endunless %}
    class="template-{{ template.name }}"
    {% if settings.enable_instantpage == true %}
      data-instant-allow-query-string
    {% endif %}
  >
    <a class="skip-to-main" href="#site-main">{{ 'general.accessibility.skip_to_content' | t }}</a>
    {% section 'static-announcement' %}
    {% section 'static-utility-bar' %}

    {% case settings.header_layout %}
      {% when 'minimal' %}
        {% section 'static-minimal-header' %}
      {% when 'basic' %}
        {% section 'static-basic-header' %}
      {% else %}
        {% section 'static-header' %}
    {% endcase %}

    {% comment %}
      This intersection-target is for the traditional header.
      It needs to sit outside of the sticky header, so it knows when to collapse
    {% endcomment %}
    {% if settings.header_layout == 'traditional' %}
      <div class="intersection-target"></div>
    {% endif %}

    <main id="site-main" class="site-main" aria-label="Main content" tabindex="-1">
      {% if template == 'index' %}
        {% section 'static-slideshow' %}
      {% endif %}

      {{ content_for_layout }}
    </main>

    {% section 'static-footer' %}

    {% comment %}
      Below are various templates used in JavaScript
    {% endcomment %}
    <div style="display: none;" aria-hidden="true" data-templates>
      {% include 'message-banner' %}
      {% include 'atc-banner' %}
    </div>

    {% comment %}
      Modal container, used on Collections, Password, and QuickShop
    {% endcomment %}
    {% include 'modal' %}

    {% comment %}
      This is the PhotoSwipe dialog for product galleries which needs to be in the base page
    {% endcomment %}
    {% include 'product-gallery-zoom' %}

    {% if preload_styles != 'await_all_styles' %}
      {{ 'theme.scss.css' | asset_url | stylesheet_tag }}
      {{ 'theme-more.scss.css' | asset_url | stylesheet_tag }}

      {% if preload_styles == 'await_critical_styles' %}
        <script>
          (function(){
            // remove above the fold styles to make sure there are no style conflicts
            var aboveFoldStyles = document.querySelector('[data-styles-above-fold]');
            aboveFoldStyles.parentNode.removeChild(aboveFoldStyles);
          })();
        </script>
      {% endif %}
    {% endif %}

    {%- if template contains 'customer' -%}
      {{ 'shopify_common.js' | shopify_asset_url | script_tag }}
      {{ 'customer_area.js' | shopify_asset_url | script_tag }}
    {%- endif -%}

    {% assign theme_script = 'superstore.js' %}
    {% if settings.use_minified_js %}
      {% assign theme_script = 'superstore.min.js' %}
    {% endif %}

    {% assign enable_currency_converter = false %}
    {% if settings.enable_currency_converter != 'disable' %}
      {% assign enable_currency_converter = true %}
    {% endif %}
    {%
      include 'currency-converter-settings',
      display_format: settings.currency_display_format,
      enable: enable_currency_converter,
      default_currency: settings.currency_converter_default,
    %}
    <script
      src="{{ theme_script | asset_url }}"
      data-scripts
      data-shopify-api-url="{{ 'api.jquery.js' | shopify_asset_url }}"
      data-shopify-countries="/services/javascripts/countries.js"
      data-shopify-common="{{ 'shopify_common.js' | shopify_asset_url }}"
      data-shopify-cart="{{ 'jquery.cart.js' | asset_url }}"
      data-pxu-polyfills="{{ 'polyfills.js' | asset_url }}"
    >
    </script>

    {% if settings.custom_styles != blank %}
      {% unless settings.custom_styles contains '<style' %}<style>{% endunless %}
        {{ settings.custom_styles }}
      {% unless settings.custom_styles contains '<style' %}</style>{% endunless %}
    {% endif %}

    {% if settings.custom_scripts_footer != blank %}
      {% unless settings.custom_scripts_footer contains '<script' %}<script>{% endunless %}
        {{ settings.custom_scripts_footer }}
      {% unless settings.custom_scripts_footer contains '<script' %}</script>{% endunless %}
    {% endif %}

    {% include 'structured-data' %}

    <script>
    (function () {
      function handleFirstTab(e) {
        if (e.keyCode === 9) { // the "I am a keyboard user" key
          document.body.classList.add('user-is-tabbing');
          window.removeEventListener('keydown', handleFirstTab);
        }
      }
      window.addEventListener('keydown', handleFirstTab);
    })();
    </script>

    {% include 'api' with 'page:body' %}
    {{ page_body }}

    {% if settings.enable_instantpage == true %}
      <script
        src="{{ 'instantPage.min.js' | asset_url }}"
        type="module"
        defer
      >
      </script>
    {% endif %}
  </body>
</html>