Template-Quelle: core/base/shopheader.html

{% load cache i18n l10n sniplates eshop_tags canonical_tags %}

{% get_current_language as LANGUAGE_CODE %}
{% get_available_languages as LANGUAGES %}
{% get_language_info_list for LANGUAGES as languages %}

{% block shopheader-mobile %}
    <header class="shopheader-mobile">
        {% block shopheader-mobile-left %}
            <section class="shopheader-mobile__cell shopheader-mobile__cell--left">
                <i class="shopheader-mobile__hamburger" data-open="offCanvasLeft"><span></span></i>
                {% if is_mobile_app_v2 %}
                    <a class="shopheader-mobile__scanner" href="javascript:App.postMessage('scan');">
                        <i class="icon medium icon-barcode-scan"></i>
                    </a>
                    {% if user.is_superuser %}
                        {# activate debug mode in app #}
                        <script>
                            App.postMessage('superuser');
                        </script>
                    {% endif %}
                {% elif is_mobile_app_v1 %}
                    <a class="shopheader-mobile__scanner" href="app://scanner">
                        <i class="icon medium icon-barcode-scan"></i>
                    </a>
                {% elif scandit_license %}
                    <button type="button" class="shopheader-mobile__scanner" data-scanner-toggle="{{ scandit_license }}" data-scanner-target="[data-mobile-search]">
                        <i class="icon medium icon-barcode-scan"></i>
                    </button>
                {% endif %}
                <form method="get" class="shopheader-mobile__search__form" action="{% url "items-search" %}" data-mobile-search>
                    <input
                        autocomplete="off"
                        class="shopheader-mobile__search__field input-group-field"
                        name="q"
                        placeholder="{{ _("Produkt Suche / Artikel-Nr. / Hersteller") }}"
                        required
                        type="search"
                        value="{{ request.GET.q }}"
                        data-mobile-search-input
                    >
                    <button type="submit" class="shopheader-mobile__search__submit icon icon-search" aria-label="{{ _("Suchen") }}"></button>
                </form>
                <button type="button" class="shopheader-mobile__search__submit icon icon-search" data-mobile-search-toggle="" style="" aria-label="{{ _("Suchen") }}">
                </button>
            </section>
        {% endblock %}
        {% block shopheader-mobile-center %}
            <section class="shopheader-mobile__cell shopheader-mobile__cell--center">
                {% block shopheader-mobile-logo %}
                    <div class="shopheader-mobile__logo">
                        <a href="{% url "cms-page-index" %}" class="shopheader-mobile__logo-link">
                            {% if site.settings.logo_icon %}
                                <img src="{{ site.settings.logo_icon.url }}" class="shopheader-mobile__logo-img" alt="{{ site.settings.page_title|default_if_none:"" }}">
                            {% else %}
                                <img src="{% static "images/logo-icon.svg" %}" class="shopheader-mobile__logo-img" alt="{{ site.settings.page_title|default_if_none:"" }}">
                            {% endif %}
                        </a>
                    </div>
                {% endblock %}
            </section>
        {% endblock %}
        {% block shopheader-mobile-right %}
            <section class="shopheader-mobile__cell shopheader-mobile__cell--right">
                {% if user.is_authenticated %}
                    <a href="{% url "account" %}">
                        <i class="icon icon-user medium"></i>
                    </a>
                {% else %}
                    {% block shopheader-mobile-login %}
                        <a href="{{ LOGIN_URL }}" title="{{ _("Login") }}">
                            <i class="icon icon-login medium"></i>
                        </a>
                    {% endblock %}
                {% endif %}
                {% if perms.containers.use_cart %}
                    <a href="{% url "cart-detail" %}">
                        <i class="icon {% if perms.containers.use_multiple_carts and cart_count > 1 %}icon-carts{% else %}icon-cart{% endif %} medium"></i>
                        <span class="badge {% if not cart_position_count %}hide{% endif %}" data-bind-text="cart:activePositionCount" data-bind-class="cart:isActiveEmpty,hide">
                            {{ cart_position_count }}
                        </span>
                    </a>
                {% endif %}
            </section>
        {% endblock %}
        {% block hamburger %}
            <div class="off-canvas-wrapper">
                <div class="off-canvas-wrapper-inner">
                    <div class="hamburger off-canvas position-left" id="offCanvasLeft" data-off-canvas data-content-scroll="false">
                        <ul class="vertical menu drilldown" data-drilldown data-hamburger>
                            {% block hamburger-navigation-catalog %}
                                {% if perms.catalog.view_node %}
                                    <li class="hamburger-item">
                                        <div class="hamburger-item__link">
                                            <a href="{% url "catalog:node-root" %}">{{ _("Sortiment") }}</a>
                                        </div>
                                        {% cache CACHE_TIMEOUTS.catalog_navigation mobile_catalog_nav request.user.customer_id LANGUAGE_CODE %}
                                            {% with node.get_children as children %}
                                                {% if children %}
                                                    {% for subnode in children %}
                                                        <ul class="menu">
                                                            <li class="hamburger-item is-header js-drilldown-back">
                                                                <div class="hamburger-item__link">
                                                                    <a tabindex="0">
                                                                        {{ subnode.label }}
                                                                    </a>
                                                                </div>
                                                            </li>
                                                            {% include "core/base/hamburger_catalog.html" with node=subnode %}
                                                        </ul>
                                                    {% endfor %}
                                                {% endif %}
                                            {% endwith %}
                                        {% endcache %}
                                    </li>
                                {% endif %}
                            {% endblock %}
                            {% block hamburger-navigation-cms %}
                                {% cache CACHE_TIMEOUTS.cms_navigation mobile_cms_nav site.settings.cms_domain request.user.is_anonymous LANGUAGE_CODE %}
                                    {% for page in cms_navigation.root.get_navigable_children %}
                                        {% include "core/base/hamburger_cms.html" with page=page %}
                                    {% endfor %}
                                {% endcache %}
                            {% endblock %}

                            {% block hamburger-navigation-account %}
                                {% if user.is_authenticated %}
                                    <li class="hamburger-item">
                                        <div class="hamburger-item__link">
                                            <a href="{% url "account" %}">{{ _("Mein Konto") }}</a>
                                        </div>
                                        <a tabindex="0"></a>
                                        <ul class="menu">
                                            <li class="hamburger-item is-header js-drilldown-back">
                                                <div class="hamburger-item__link">
                                                    <a tabindex="0" >
                                                        {{ _("Mein Konto") }}
                                                    </a>
                                                </div>
                                            </li>
                                            {% load_widgets navigation="core/widgets/navigation.html" %}
                                            {% block hamburger-navigation-account-entries %}
                                                {% url "accounts-user-list" as nav_url %}
                                                {% widget "navigation:mobile-entry" icon="user" label=_("Benutzerverwaltung") url=nav_url app="eshop.modules.accounts" permission=perms.accounts.view_user %}
                                                {% url "address-list" "shipping" as nav_url %}
                                                {% widget "navigation:mobile-entry" icon="package" label=_("Lieferadressen") url=nav_url app="eshop.modules.addresses" permission=perms.accounts.view_shipping_address %}
                                                {% url "address-list" "billing" as nav_url %}
                                                {% widget "navigation:mobile-entry" icon="contact" label=_("Rechnungsadressen") url=nav_url app="eshop.modules.addresses" permission=perms.accounts.view_billing_address %}
                                                {% url "costcenter-list" as nav_url %}
                                                {% widget "navigation:mobile-entry" icon="list" label=_("Kostenstellen") url=nav_url app="eshop.modules.costcenters" permission=perms.accounts.view_costcenter %}
                                                {% url "shoppinglist-list" as nav_url %}
                                                {% widget "navigation:mobile-entry" icon="shoppinglist" label=_("Einkaufslisten") url=nav_url app="eshop.modules.shoppinglists" permission=perms.containers.view_shoppinglist %}
                                                {% url "cart-list" as nav_url %}
                                                {% widget "navigation:mobile-entry" icon="carts" label=_("Warenkörbe") url=nav_url app="eshop.modules.cart" permission=perms.containers.use_multiple_carts %}
                                                {% url "order-search" as nav_url %}
                                                {% widget "navigation:mobile-entry" icon="package-check" label=_("Auftragsübersicht") url=nav_url app="eshop.modules.orders" permission=perms.accounts.view_orders %}
                                                {% url "offer-search" as nav_url %}
                                                {% widget "navigation:mobile-entry" icon="offer-doc" label=_("Offertübersicht") url=nav_url app="eshop.modules.offers" permission=perms.accounts.view_offers %}
                                                {% if orders_waiting_for_approval_count or orders_rejected_count %}
                                                    {% if orders_waiting_for_approval_count %}
                                                        {% blocktrans asvar label count counter=orders_waiting_for_approval_count %}
                                                            Eine Bestellung zur Prüfung
                                                        {% plural %}
                                                            {{ counter }} Bestellungen zur Prüfung
                                                        {% endblocktrans %}
                                                    {% else %}
                                                        {% blocktrans asvar label %}
                                                            Bestellungen zur Prüfung
                                                        {% endblocktrans %}
                                                    {% endif %}
                                                    {% url "orderapproval-list" as nav_url %}
                                                    {% widget "navigation:mobile-entry" icon="ordercheck-doc" label=label url=nav_url app="eshop.modules.orderapproval" %}
                                                {% endif %}
                                                {% url "backorder-list" as nav_url %}
                                                {% widget "navigation:mobile-entry" icon="backorder" label=_("Rückstandsliste") url=nav_url app="eshop.modules.backorder" permission=perms.accounts.view_backorder %}
                                                {% url "object-list" as nav_url %}
                                                {% widget "navigation:mobile-entry" icon="object" label=_("Objektverwaltung") url=nav_url app="eshop.modules.objects" permission=perms.objects.view_object %}
                                                {% url "accountstatement-list" as nav_url %}
                                                {% widget "navigation:mobile-entry" icon="coins-fill" label=_("Kontoauszug") url=nav_url app="eshop.modules.account_statement" permission=perms.accounts.view_account_statement %}
                                                {% url "export-definitions-list" as nav_url %}
                                                {% widget "navigation:mobile-entry" icon="list" label=_("Preislisten") url=nav_url app="eshop.modules.exporter" permission=perms.exporter.view_exportdefinition %}
                                                {% url "statistics" as nav_url %}
                                                {% widget "navigation:mobile-entry" icon="bars" label=_("Statistiken") url=nav_url app="eshop.modules.statistics" permission=perms.accounts.view_statistics %}
                                            {% endblock %}
                                            {% block hamburger-navigation-account-admin-entries %}
                                                {% if user.is_staff %}
                                                    {% url "admin:index" as nav_url %}
                                                    {% widget "navigation:mobile-entry" icon="gear" label=_("Administration") url=nav_url target="admin" app="django.contrib.admin" %}
                                                {% endif %}
                                                {% if user.is_superuser %}
                                                    {% url "polyadmin:index" as nav_url %}
                                                    {% widget "navigation:mobile-entry" icon="gear-fill" label=_("Super-Administration") url=nav_url target="admin" app="django.contrib.admin" %}
                                                {% endif %}
                                            {% endblock %}
                                        </ul>
                                    </li>
                                {% endif %}
                            {% endblock %}
                            {% block hamburger-footer %}
                                <div class="hamburger-footer">
                                    {% block hamburger-footer-navigation %}
                                        {% cache CACHE_TIMEOUTS.cms_navigation mobile_cms_meta_nav site.settings.cms_domain request.user.is_anonymous LANGUAGE_CODE %}
                                            {% block hamburger-meta %}
                                                {% for page in cms_navigation.meta.get_navigable_children %}
                                                    <li class="hamburger-item">
                                                        {% if page.url %}
                                                            <a href="{{ page.get_absolute_url }}"
                                                               target="{{ page.target }}"
                                                               {% if page.target == "_blank" %}rel="noopener"{% endif %}
                                                            >
                                                                {{ page.title }}
                                                            </a>
                                                        {% else %}
                                                            <span>{{ page.title }}</span>
                                                        {% endif %}
                                                    </li>
                                                {% endfor %}
                                            {% endblock %}
                                        {% endcache %}
                                        {% block hamburger-languages %}
                                            {% get_alternate_urls object True as alternates %}
                                            {% if alternates|length > 1 %}
                                                <div class="hamburger-footer">
                                                    <ul class="menu hamburger-nav">
                                                        {% for lang_code, href in alternates %}
                                                            <li class="hamburger-item hamburger-item--language">
                                                                <a href="{{ href }}" class="button clear{% if lang_code == LANGUAGE_CODE %} font-bold{% endif %}">
                                                                    {{ lang_code }}
                                                                </a>
                                                            </li>
                                                        {% endfor %}
                                                    </ul>
                                                </div>
                                            {% endif %}
                                        {% endblock %}
                                    {% endblock %}
                                </div>
                            {% endblock %}
                        </ul>
                    </div>
                </div>
            </div>
        {% endblock %}
    </header>
{% endblock %}

{% block shopheader %}
    <header class="{% block shopheader-class %}shopheader{% endblock %}">
        {% block shopheader-top %}
            <section class="shopheader__top">
                <div class="container">
                    <div class="grid-x">
                        {% block shopheader-top-left %}
                            {% get_alternate_urls object True as alternates %}
                            {% if alternates|length > 1 %}
                                <div class="shopheader__language cell shrink" data-toggle="language-menu">
                                    {{ LANGUAGE_CODE|language_name_translated }}
                                </div>
                                <div class="shopheader-menu shopheader-menu--languages dropdown-pane widget"
                                     id="language-menu"
                                     data-dropdown
                                     data-close-on-click="true"
                                     data-hover="true"
                                     data-hover-pane="true"
                                     data-position="bottom"
                                     data-alignment="left">
                                    <div class="widget__content padding-2">
                                        {% for lang_code, href in alternates %}
                                            {% get_language_info for lang_code as language %}
                                            <a href="{{ href }}" class="shopheader__subnav__link text-left{% if lang_code == LANGUAGE_CODE %} font-bold{% endif %}" data-lang-link>
                                                {{ language.name_local|title }}
                                            </a>
                                        {% endfor %}
                                    </div>
                                </div>
                            {% endif %}
                        {% endblock %}
                        {% block shopheader-top-right %}
                            <div class="shopheader__meta-nav cell auto">
                                {% cache CACHE_TIMEOUTS.cms_navigation desktop_cms_meta_nav site.settings.cms_domain request.user.is_anonymous LANGUAGE_CODE %}
                                    {% for page in cms_navigation.meta.get_navigable_children %}
                                        {% if page.url %}
                                            <a href="{{ page.get_absolute_url }}"
                                               target="{{ page.target }}"
                                               {% if page.target == "_blank" %}rel="noopener"{% endif %}
                                            >
                                                {{ page.title }}
                                            </a>
                                        {% else %}
                                            <span>{{ page.title }}</span>
                                        {% endif %}
                                    {% endfor %}
                                {% endcache %}
                            </div>
                        {% endblock %}
                    </div>
                </div>
            </section>
        {% endblock %}
        {% block shopheader-middle %}
            <section class="shopheader__middle">
                <div class="container">
                    {% block shopheader-logo %}
                        <div class="shopheader__logo">
                            <a href="{% url "cms-page-index" %}" class="shopheader__logo-link">
                                {% if site.settings.logo_icon %}
                                    <img src="{{ site.settings.logo_icon.url }}" class="shopheader__logo-img" alt="{{ site.settings.page_title|default_if_none:"" }}">
                                {% else %}
                                    <img src="{% static "images/logo-icon.svg" %}" class="shopheader__logo-img" alt="{{ site.settings.page_title|default_if_none:"" }}">
                                {% endif %}
                            </a>
                        </div>
                    {% endblock %}
                    {% block shopheader-search %}
                        <div class="shopheader__search">
                            <form action="{% url "items-search" %}" class="input-group inline-button" data-search>
                                <input
                                    name="q"
                                    autocomplete="off"
                                    data-instant-search="{% url "instant-search" %}"
                                    class="input-group-field"
                                    type="search"
                                    placeholder="{{ _("Suchbegriff, Artikelnummer oder EAN eingeben...") }}"
                                    value="{{ request.GET.q }}"
                                    required
                                >
                                <div class="input-group-button">
                                    <button type="submit" class="button clear" aria-label="{{ _("Suchen") }}">
                                        <i class="icon icon-search"></i>
                                    </button>
                                </div>
                            </form>
                            <div class="shopheader__search-instant-results" data-instant-search-results></div>
                        </div>
                    {% endblock %}
                    {% block shopheader-account %}
                        {% load_widgets navigation="core/widgets/navigation.html" %}
                        <section class="shopheader__account">
                            {% block shopheader-account-content %}
                                {% if is_mobile_app_v2 %}
                                    <a class="shopheader-mobile__scanner" href="javascript:App.postMessage('scan');">
                                        <i class="icon medium icon-barcode-scan"></i>
                                    </a>
                                {% elif is_mobile_app_v1 %}
                                    <a class="shopheader-mobile__scanner" href="app://scanner">
                                        <i class="icon medium icon-barcode-scan"></i>
                                    </a>
                                {% elif scandit_license %}
                                    <button type="button" class="shopheader-mobile__scanner" data-scanner-toggle="{{ scandit_license }}" data-scanner-target="[data-search]">
                                        <i class="icon medium icon-barcode-scan"></i>
                                    </button>
                                {% endif %}
                                {% if user.is_authenticated %}
                                    {% block admin-navigation %}
                                        <a href="{% url "account" %}" data-toggle="account-menu" title="{{ _("Mein Konto") }}">
                                            <i class="icon icon-user medium"></i>
                                        </a>

                                        <div class="shopheader-menu shopheader-menu--account dropdown-pane widget"
                                             id="account-menu"
                                             data-dropdown
                                             data-hover="true"
                                             data-hover-pane="true"
                                             data-position="bottom"
                                             data-alignment="right">

                                            <div class="widget__heading">
                                                {% block admin-navigation-title %}
                                                    <h6 class="widget__title flex-child-grow">
                                                        <a class="widget__title-link" href="{% url "account" %}" title="{{ _("Mein Konto") }}">
                                                            <span>{{ user.get_full_name }}</span>
                                                        </a>
                                                    </h6>
                                                {% endblock %}
                                            </div>

                                            <div class="widget__content grid-x">
                                                {% block admin-navigation-entries %}
                                                    {% url "accounts-user-list" as nav_url %}
                                                    {% widget "navigation:entry" icon="user" label=_("Benutzerverwaltung") url=nav_url app="eshop.modules.accounts" permission=perms.accounts.view_user %}
                                                    {% url "address-list" "shipping" as nav_url %}
                                                    {% widget "navigation:entry" icon="package" label=_("Lieferadressen") url=nav_url app="eshop.modules.addresses" permission=perms.accounts.view_shipping_address %}
                                                    {% url "address-list" "billing" as nav_url %}
                                                    {% widget "navigation:entry" icon="contact" label=_("Rechnungsadressen") url=nav_url app="eshop.modules.addresses" permission=perms.accounts.view_billing_address %}
                                                    {% url "costcenter-list" as nav_url %}
                                                    {% widget "navigation:entry" icon="list" label=_("Kostenstellen") url=nav_url app="eshop.modules.costcenters" permission=perms.accounts.view_costcenter %}
                                                    {% url "shoppinglist-list" as nav_url %}
                                                    {% widget "navigation:entry" icon="shoppinglist" label=_("Einkaufslisten") url=nav_url app="eshop.modules.shoppinglists" permission=perms.containers.view_shoppinglist %}
                                                    {% url "cart-list" as nav_url %}
                                                    {% widget "navigation:entry" icon="carts" label=_("Warenkörbe") url=nav_url app="eshop.modules.cart" permission=perms.containers.use_multiple_carts %}
                                                    {% url "order-search" as nav_url %}
                                                    {% widget "navigation:entry" icon="package-check" label=_("Auftragsübersicht") url=nav_url app="eshop.modules.orders" permission=perms.accounts.view_orders %}
                                                    {% url "offer-search" as nav_url %}
                                                    {% widget "navigation:entry" icon="offer-doc" label=_("Offertübersicht") url=nav_url app="eshop.modules.offers" permission=perms.accounts.view_offers %}
                                                    {% if orders_waiting_for_approval_count or orders_rejected_count %}
                                                        {% if orders_waiting_for_approval_count %}
                                                            {% blocktrans asvar label count counter=orders_waiting_for_approval_count %}
                                                                Eine Bestellung zur Prüfung
                                                            {% plural %}
                                                                {{ counter }} Bestellungen zur Prüfung
                                                            {% endblocktrans %}
                                                        {% else %}
                                                            {% blocktrans asvar label %}
                                                                Bestellungen zur Prüfung
                                                            {% endblocktrans %}
                                                        {% endif %}
                                                        {% url "orderapproval-list" as nav_url %}
                                                        {% widget "navigation:entry" icon="ordercheck-doc" label=label url=nav_url app="eshop.modules.orderapproval" %}
                                                    {% endif %}
                                                    {% url "backorder-list" as nav_url %}
                                                    {% widget "navigation:entry" icon="backorder" label=_("Rückstandsliste") url=nav_url app="eshop.modules.backorder" permission=perms.accounts.view_backorder %}
                                                    {% url "object-list" as nav_url %}
                                                    {% widget "navigation:entry" icon="object" label=_("Objektverwaltung") url=nav_url app="eshop.modules.objects" permission=perms.objects.view_object %}
                                                    {% url "accountstatement-list" as nav_url %}
                                                    {% widget "navigation:entry" icon="coins-fill" label=_("Kontoauszug") url=nav_url app="eshop.modules.account_statement" permission=perms.accounts.view_account_statement %}
                                                    {% url "export-definitions-list" as nav_url %}
                                                    {% widget "navigation:entry" icon="list" label=_("Preislisten") url=nav_url app="eshop.modules.exporter" permission=perms.exporter.view_exportdefinition %}
                                                    {% url "statistics" as nav_url %}
                                                    {% widget "navigation:entry" icon="bars" label=_("Statistiken") url=nav_url app="eshop.modules.statistics" permission=perms.accounts.view_statistics %}
                                                {% endblock %}
                                                {% block admin-navigation-admin-entries %}
                                                    {% if user.is_staff %}
                                                        {% url "admin:index" as nav_url %}
                                                        {% widget "navigation:entry" icon="gear" label=_("Administration") url=nav_url target="admin" app="django.contrib.admin" %}
                                                    {% endif %}
                                                    {% if user.is_superuser %}
                                                        {% url "polyadmin:index" as nav_url %}
                                                        {% widget "navigation:entry" icon="gear-fill" label=_("Super-Administration") url=nav_url target="admin" app="django.contrib.admin" %}
                                                    {% endif %}
                                                {% endblock %}
                                                {% block admin-navigation-buttons %}
                                                    <form method="POST" class="width-100" action="{% url "logout" %}">
                                                        {% csrf_token %}
                                                        <button type="submit" class="button hollow margin-top-1 width-100">
                                                            <i class="icon icon-logout medium"></i>
                                                            <span>{{ _("Abmelden") }}</span>
                                                        </button>
                                                    </form>
                                                    {% if perms.accounts.can_use_endusermode and not request.session.endusermode_enabled %}
                                                        <form method="POST" class="width-100" action="{% url "enable-endusermode" %}">
                                                            {% csrf_token %}
                                                            <button type="submit" class="margin-top-1 width-100 text-center">
                                                                <span>{{ _("Endkunden-Modus") }}</span>
                                                            </button>
                                                        </form>
                                                    {% endif %}
                                                {% endblock %}
                                            </div>
                                        </div>
                                    {% endblock %}
                                {% else %}
                                    {% block shopheader-login %}
                                        <a href="{{ LOGIN_URL }}" title="{{ _("Login") }}">
                                            <i class="icon icon-login medium"></i>
                                        </a>
                                    {% endblock %}
                                {% endif %}
                                {% if perms.containers.use_cart %}
                                    <a
                                        href="{% url "cart-detail" %}"
                                        title="{{ _("Warenkorb") }} {% if cart_label %}&quot;{{ cart_label }}&quot;{% endif %}"
                                        data-toggle="cart-menu"
                                        data-bind-prop-set="cart:activeCartLabel,title={{ _("Warenkorb") }} {}"
                                    >
                                        <i class="icon {% if perms.containers.use_multiple_carts and cart_count > 1 %}icon-carts{% else %}icon-cart{% endif %} medium"></i>
                                        <span class="badge {% if not cart_position_count %}hide{% endif %}" data-bind-text="cart:activePositionCount" data-bind-class="cart:isActiveEmpty,hide">
                                            {{ cart_position_count }}
                                        </span>
                                    </a>
                                    <div
                                        class="shopheader-menu shopheader-menu--cart dropdown-pane widget {% if not cart_position_count and not perms.containers.use_multiple_carts %}hide{% endif %}"
                                        {% if not perms.containers.use_multiple_carts %}data-bind-class="cart:isActiveEmpty,hide"{% endif %}
                                        data-bind-prop-set="cart:hasActivePositions,data-cart-preview={% url "cart-preview" %}"
                                        {% if cart_position_count or perms.containers.use_multiple_carts %}data-cart-preview={% url "cart-preview" %}{% endif %}
                                        id="cart-menu"
                                        data-dropdown
                                        data-hover="true"
                                        data-hover-pane="true"
                                        data-position="bottom"
                                        data-alignment="right"
                                    >
                                        <div class="cart-preview" data-cart-preview-widget>
                                            <div class="cart-preview__loader"><i class="icon loader"></i></div>
                                            <div
                                                class="cart-preview__content"
                                                data-bind-innerhtml="cart:preview"
                                            ></div>
                                        </div>
                                    </div>
                                {% endif %}
                            {% endblock %}
                        </section>
                    {% endblock %}
                </div>
            </section>
        {% endblock %}
        {% block shopheader-bottom %}
            <nav class="shopheader__bottom">
                <div class="container">
                    {% block shopheader-bottom-catalog %}
                        {% if perms.catalog.view_node %}
                            {% block shopheader-bottom-catalog-root %}
                                <a href="{% url "catalog:node-root" %}" data-toggle="subnav-sortiment" class="shopheader__link shopheader__link--nested">{{ _("Sortiment") }}</a>
                            {% endblock %}
                            {% block shopheader-bottom-catalog-subnav %}
                                <div
                                    id="subnav-sortiment"
                                    class="shopheader__subnav shopheader__subnav--nested dropdown-pane catalog-menu"
                                    data-dropdown
                                    data-hover-delay="300"
                                    data-hover="true"
                                    data-hover-pane="true"
                                    data-close-on-click="true"
                                >
                                    <div class="container grid-container">
                                        <div class="grid-x grid-margin-x tablet-up-4 desktop-up-5 screen-up-6">
                                            {% cache CACHE_TIMEOUTS.catalog_navigation desktop_catalog_nav request.user.customer_id LANGUAGE_CODE %}
                                                {% for node in catalog %}
                                                    {% block shopheader-bottom-catalog-node %}
                                                        <div class="cell">
                                                            <a class="catalog-menu__node" href="{{ node.get_absolute_url }}">
                                                                <div class="catalog-menu__image"
                                                                     style="background-image: url('{% thumbor_url node.primary_image.image_url width=480 height=320 fit_in=True trim=True %}')"></div>
                                                                <div class="catalog-menu__title">
                                                                    {{ node.label }}
                                                                </div>
                                                            </a>
                                                        </div>
                                                    {% endblock %}
                                                {% endfor %}
                                            {% endcache %}
                                        </div>
                                    </div>
                                </div>
                            {% endblock %}
                        {% endif %}
                    {% endblock %}
                    {% block shopheader-bottom-cms %}
                        {% cache CACHE_TIMEOUTS.cms_navigation desktop_cms_nav site.settings.cms_domain request.user.is_anonymous LANGUAGE_CODE %}
                            {% for page in cms_navigation.root.get_navigable_children %}
                                {% if page.navigable_children %}
                                    {% block shopheader-bottom-cms-root %}
                                        {% if page.url %}
                                            <a class="shopheader__link {{ page.attributes.cms_megamenu|yesno:"shopheader__link--nested," }}"
                                               href="{{ page.get_absolute_url }}"
                                               target="{{ page.target }}"
                                               data-toggle="subnav-{{ page.pk|unlocalize }}"
                                               {% if page.target == "_blank" %}rel="noopener"{% endif %}
                                            >
                                                {{ page.title }}
                                            </a>
                                        {% else %}
                                            <span class="shopheader__link {{ page.attributes.cms_megamenu|yesno:"shopheader__link--nested," }}"
                                                  data-toggle="subnav-{{ page.pk|unlocalize }}"
                                            >
                                                {{ page.title }}
                                            </span>
                                        {% endif %}
                                    {% endblock %}
                                    {% block shopheader-bottom-cms-subnav %}
                                        <div
                                            id="subnav-{{ page.pk|unlocalize }}"
                                            class="shopheader__subnav dropdown-pane {{ page.attributes.cms_megamenu|yesno:"shopheader__subnav--nested," }}"
                                            data-dropdown
                                            data-hover="true"
                                            data-hover-pane="true"
                                            data-close-on-click="true"
                                        >
                                            <div class="container grid-container">
                                                {% if page.attributes.cms_megamenu %}
                                                    <div class="grid-x grid-margin-x small-up-2 phablet-up-3 tablet-up-4 laptop-up-5">
                                                        {% for subpage in page.get_navigable_children %}
                                                            {% block shopheader-bottom-cms-megamenu-subpage %}
                                                                <div class="cell">
                                                                    {% if subpage.url %}
                                                                        <a class="shopheader__subnav__link h3 separator-left"
                                                                           href="{{ subpage.get_absolute_url }}"
                                                                           target="{{ subpage.target }}"
                                                                           {% if subpage.target == "_blank" %}rel="noopener"{% endif %}
                                                                        >
                                                                            {{ subpage.title }}
                                                                        </a>
                                                                    {% else %}
                                                                        <span class="shopheader__subnav__link h3 separator-left">{{ subpage.title }}</span>
                                                                    {% endif %}
                                                                    {% for subsubpage in subpage.get_navigable_children %}
                                                                        {% if subsubpage.url %}
                                                                            <a class="shopheader__subnav__link"
                                                                               href="{{ subsubpage.get_absolute_url }}"
                                                                               target="{{ subsubpage.target }}"
                                                                               {% if subsubpage.target == "_blank" %}rel="noopener"{% endif %}
                                                                            >
                                                                                {{ subsubpage.title }}
                                                                            </a>
                                                                        {% else %}
                                                                            <span class="shopheader__subnav__link">{{ subsubpage.title }}</span>
                                                                        {% endif %}
                                                                    {% endfor %}
                                                                </div>
                                                            {% endblock %}
                                                        {% endfor %}
                                                    </div>
                                                {% else %}
                                                    {% for subpage in page.get_navigable_children %}
                                                        {% block shopheader-bottom-cms-subpage %}
                                                            {% if subpage.url %}
                                                                <a class="shopheader__subnav__link"
                                                                   href="{{ subpage.get_absolute_url }}"
                                                                   target="{{ subpage.target }}"
                                                                   {% if subpage.target == "_blank" %}rel="noopener"{% endif %}
                                                                >
                                                                    {{ subpage.title }}
                                                                </a>
                                                            {% else %}
                                                                <span class="shopheader__subnav__link">{{ subpage.title }}</span>
                                                            {% endif %}
                                                        {% endblock %}
                                                    {% endfor %}
                                                {% endif %}
                                            </div>
                                        </div>
                                    {% endblock %}
                                {% else %}
                                    {% block shopheader-bottom-cms-page %}
                                        {% if page.url %}
                                            <a class="shopheader__link"
                                               href="{{ page.get_absolute_url }}"
                                               target="{{ page.target }}"
                                               {% if page.target == "_blank" %}rel="noopener"{% endif %}
                                            >
                                                {{ page.title }}
                                            </a>
                                        {% else %}
                                            <span class="shopheader__link">{{ page.title }}</span>
                                        {% endif %}
                                    {% endblock %}
                                {% endif %}
                            {% endfor %}
                        {% endcache %}
                    {% endblock %}
                </div>
            </nav>
        {% endblock %}
    </header>
{% endblock %}