{% sw_extends '@Storefront/storefront/layout/header/top-bar.html.twig' %}{% block layout_header_top_bar %} <div class="container top-bar d-none d-lg-block"> <nav class="row no-gutters top-bar-nav align-items-center"> <div id="top-bar-nav__item1" class="custom-control custom-switch"> <label for="customSwitch1" class="top-bar-nav__label control-label label-b2b">{{ "header.accountType.business"|trans|sw_sanitize }}</label> <input type="checkbox" class="custom-control-input" id="customSwitch1" data-switch-tax {% if context.taxState is same as('gross') %}checked="checked"{% endif %}> <label for="customSwitch1" class="custom-control-label label-b2c">{{ "header.accountType.private"|trans|sw_sanitize }}</label> </div> <a class="d-flex align-items-center support-link" id="top-bar-nav__item2" href="tel:{{ 'support.linkNr'|trans|sw_sanitize }}"> {% sw_icon 'telefon' style {'pack': 'grimmtheme', 'namespace': 'GrimmTheme', 'size': 'xs'} %} {{ "header.support"|trans|sw_sanitize }} </a> {% set topBarNavigation = page.getExtension('grimmTopbar') %} {% if topBarNavigation and topBarNavigation.tree|length > 0 %} <ul id="top-bar-nav__item3" class="top-bar-nav-list col d-flex"> {% for topBarItem in topBarNavigation.tree %} {% set category = topBarItem.category %} {% if category.active %} <li {% if loop.last is not same as(true) %} class="top-bar-nav-list__item" {% endif %}> <a href="{{ category_url(category) }}" {% if category_linknewtab(category) %} target="_blank"{% endif %} title="{{ category.translated.name }}">{{ category.translated.name }} </a> </li> {% endif %} {% endfor %} </ul> {% endif %} </nav> </div>{% endblock %}