Skip to content

Instantly share code, notes, and snippets.

@whistlerbrad
Created September 22, 2017 22:28
Show Gist options
  • Save whistlerbrad/41368c144d3a683fee0068871766fe06 to your computer and use it in GitHub Desktop.
Save whistlerbrad/41368c144d3a683fee0068871766fe06 to your computer and use it in GitHub Desktop.
Wholesale Nav support
<div class="mobile-wrapper">
<div class="header-cart__wrapper">
<a href="/cart" class="CartToggle header-cart"></a>
<span class="header-cart__bubble cartCount{% if cart.item_count < 1 %} hidden-count{% endif %}"></span>
</div>
<div class="logo-wrapper{% if section.settings.logo %} logo-wrapper--image{% endif %}">
{% if template == 'index' %}
<h1 class="h4 header-logo" itemscope itemtype="http://schema.org/Organization">
{% else %}
<div class="h4 header-logo" itemscope itemtype="http://schema.org/Organization">
{% endif %}
{% if section.settings.logo %}
<a href="/" itemprop="url">
{% capture image_size %}{{ section.settings.logo_max_limit }}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 }}"
class="logo-image"
itemprop="logo">
</a>
{% else %}
<a href="/" itemprop="url">{{ shop.name }}</a>
{% endif %}
{% if template == 'index' %}
</h1>
{% else %}
</div>
{% endif %}
</div>
<a href class="menuToggle header-hamburger"></a>
</div>
<div class="header-menu nav-wrapper">
{% comment %}
List out your main-menu linklist (default)
More info on linklists:
- http://docs.shopify.com/themes/liquid-variables/linklists
{% endcomment %}
<ul class="main-menu accessibleNav">
{% if section.settings.main_menu_linklist %}
{% assign main_menu_linklist = section.settings.main_menu_linklist %}
{% else %}
{% assign main_menu_linklist = 'main-menu' %}
{% endif %}
{% if customer %}
{% if customer.tags contains 'wholesale' %}
{% assign main_menu_linklist = 'main-menu-wholesale' %}
{% endif %}
{% endif %}
{% for link in linklists[main_menu_linklist].links %}
{% include 'nav-item' %}
{% endfor %}
<li class="cart-text-link">
<a href="/cart" class="CartToggle">
{{ 'layout.cart.title' | t }}
<span class="cartCost {% if cart.item_count < 1 %} hidden-count {% endif %}">(<span class="money">{{ cart.total_price | money }}</span>)</span>
</a>
</li>
</ul>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment