Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <div class="grid grid--no-gutters grid--table site-header__mobile-nav">
- {% if section.settings.align_logo == 'center' %}
- {%- assign logo_classes = 'medium-up--one-third medium-up--push-one-third logo-align--center' -%}
- {% else %}
- {%- assign logo_classes = 'medium-up--one-quarter logo-align--left' -%}
- {% endif %}
- <div class="medium-up--hide grid__item medium-up--one-third medium-up--push-one-third text-right site-header__icons{% if shop.customer_accounts_enabled %} site-header__icons--plus{% endif %}">
- <div class="site-header__icons-wrapper">
- <button type="button" class="btn--link site-header__icon site-header__search-toggle js-drawer-open-top" data-predictive-search-open-drawer>
- {% include 'icon-search' %}
- <span class="icon__fallback-text">{{ 'layout.navigation.search' | t }}</span>
- </button>
- {% if shop.customer_accounts_enabled %}
- {% if customer %}
- <a href="{{ routes.account_url }}" class="site-header__icon site-header__account">
- {% include 'icon-login' %}
- <span class="icon__fallback-text">{{ 'layout.customer.account' | t }}</span>
- </a>
- {% else %}
- <a href="{{ routes.account_login_url }}" class="site-header__icon site-header__account">
- {% include 'icon-login' %}
- <span class="icon__fallback-text">{{ 'layout.customer.log_in' | t }}</span>
- </a>
- {% endif %}
- {% endif %}
- </div>
- </div>
- <div class="grid__item {{ logo_classes }}">
- {% comment %}
- Use the uploaded logo from theme settings if enabled.
- Site name gets precedence with H1 tag on homepage, div on other pages.
- {% endcomment %}
- {% if request.page_type == 'index' %}
- <h1 class="h2 site-header__logo">
- {% else %}
- <div class="h2 site-header__logo">
- {% endif %}
- {% if section.settings.logo %}
- {%- assign img_url = section.settings.logo | img_url: '1x1' | replace: '_1x1.', '_{width}x.' -%}
- <a href="{{ routes.root_url }}" class="site-header__logo-image{% if section.settings.align_logo == 'center' %} site-header__logo-image--centered{% endif %}" data-image-loading-animation>
- {% capture logo_alt %}{{ section.settings.logo.alt | default: shop.name }}{% endcapture %}
- <img class="lazyload js"
- src="{{ section.settings.logo | img_url: '300x300' }}"
- data-src="{{ img_url }}"
- data-widths="[180, 360, 540, 720, 900, 1080, 1296, 1512, 1728, 2048]"
- data-aspectratio="{{ section.settings.logo.aspect_ratio }}"
- data-sizes="auto"
- alt="{{ logo_alt | escape }}"
- style="max-width: {{ section.settings.logo_max_width }}px">
- <noscript>
- {% capture image_size %}{{ section.settings.logo_max_width | escape }}x{% endcapture %}
- <img src="{{ section.settings.logo | img_url: image_size }}"
- srcset="{{ section.settings.logo | img_url: image_size }} 1x, {{ section.settings.logo | img_url: image_size, scale: 2 }} 2x"
- alt="{{ section.settings.logo.alt | default: shop.name }}"
- style="max-width: {{ section.settings.logo_max_width }}px;">
- </noscript>
- </a>
- {% else %}
- <a class="site-header__logo-link" href="{{ routes.root_url }}">{{ shop.name }}</a>
- {% endif %}
- {% if request.page_type == 'index' %}
- </h1>
- {% else %}
- </div>
- {% endif %}
- </div>
- {% if section.settings.align_logo == 'left' %}
- <nav class="grid__item medium-up--one-half small--hide" id="AccessibleNav" role="navigation">
- {% include 'site-nav', linklist: section.settings.main_linklist %}
- </nav>
- {% endif %}
- <div class="grid__item {% if section.settings.align_logo == 'left' %}medium-up--one-quarter{% else %}medium-up--one-third medium-up--push-one-third{% endif %} text-right site-header__icons{% if shop.customer_accounts_enabled %} site-header__icons--plus{% endif %}">
- <div class="site-header__icons-wrapper">
- <button type="button" class="small--hide btn--link site-header__icon site-header__search-toggle js-drawer-open-top" data-predictive-search-open-drawer>
- {% include 'icon-search' %}
- <span class="icon__fallback-text">{{ 'layout.navigation.search' | t }}</span>
- </button>
- {% if shop.customer_accounts_enabled %}
- {% if customer %}
- <a href="{{ routes.account_url }}" class="small--hide site-header__icon site-header__account">
- {% include 'icon-login' %}
- <span class="icon__fallback-text">{{ 'layout.customer.account' | t }}</span>
- </a>
- {% else %}
- <a href="{{ routes.account_login_url }}" class="small--hide site-header__icon site-header__account">
- {% include 'icon-login' %}
- <span class="icon__fallback-text">{{ 'layout.customer.log_in' | t }}</span>
- </a>
- {% endif %}
- {% endif %}
- <a href="{{ routes.cart_url }}" class="site-header__icon site-header__cart">
- {% include 'icon-cart' %}
- <span class="icon__fallback-text">{{ 'layout.cart.title' | t }}</span>
- <div id="CartCount" class="site-header__cart-count{% if cart.item_count == 0 %} hide{% endif %} critical-hidden" data-cart-count-bubble>
- <span data-cart-count>{{ cart.item_count }}</span>
- <span class="icon__fallback-text medium-up--hide">{{ 'layout.cart.items_count' | t: count: cart.item_count }}</span>
- </div>
- </a>
- {% unless linklists[section.settings.main_linklist] == blank %}
- <button type="button" class="btn--link site-header__icon site-header__menu js-mobile-nav-toggle mobile-nav--open" aria-controls="MobileNav" aria-expanded="false" aria-label="{{ 'layout.navigation.menu' | t }}">
- {% include 'icon-hamburger' %}
- {% include 'icon-close' %}
- </button>
- {% endunless %}
- </div>
- </div>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement