custom/plugins/NextagTheme/src/Resources/views/storefront/layout/header/header.html.twig line 1

Open in your IDE?
  1. {% block layout_header %}
  2.     {% block layout_header_navigation %}
  3.         {% set currentCustomerGroup = context.currentCustomerGroup.translated.name|lower %}
  4.         <div class="header-navigation-inner">
  5.             <div class="container-fluid limited-1920">
  6.                 <div class="row header-row no-gutters position-relative">               
  7.                     {% block layout_header_logo %}
  8.                         <div class="header-logo-col">
  9.                             {% sw_include '@parent/storefront/layout/header/logo.html.twig' %}
  10.                         </div>
  11.                     {% endblock %}
  13.                     {% block layout_header_menu %}
  14.                         {% sw_include '@Storefront/storefront/layout/navigation/navigation.html.twig' %}
  15.                     {% endblock %}
  17.                     {% block layout_header_actions %}
  18.                         <div class="header-actions-wrapper d-flex align-items-center align-items-lg-start ml-auto">
  19.                             {% block layout_header_search_toggle %}
  20.                                 <div class="col-auto ml-auto d-none d-print-none">
  21.                                     <div class="search-toggle">
  22.                                         <button class="btn header-actions-btn open-search-button"
  23.                                                 type="button"
  24.                                                 title="{{ "header.searchButton"|trans|striptags }}"
  25.                                                 aria-label="{{ "header.searchButton"|trans|striptags }}"
  26.                                         >
  27.                                             <svg class="header-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 512 512" xml:space="preserve">
  28.                                                 <path class="svg-fill svg-stroke" stroke-width="10.667" stroke="#000" d="M330.264 316.655c24.946-31.214 40.031-71.26 40.031-114.828 0-5.455-.236-10.855-.7-16.19l.048.693c-3.945-48.496-26.287-91.124-59.95-121.415l-.166-.147c-30.04-27.053-70.005-43.602-113.835-43.602-51.992 0-98.544 23.284-129.8 59.993l-.2.24C38.117 113.507 21.33 155.577 21.33 201.567c0 51.863 21.349 98.74 55.737 132.322l.037.036c30.648 29.82 72.551 48.209 118.748 48.209 49.617 0 94.279-21.212 125.413-55.062l.11-.122 159.872 163.882 9.421-9.748zm-133.337 52.158c-33.099-.045-63.764-10.426-88.951-28.09l.498.331c-26.115-18.325-46.322-43.45-58.245-72.822l-.393-1.096c-7.669-18.666-12.122-40.334-12.122-63.042 0-11.362 1.114-22.463 3.24-33.2l-.178 1.081c6.435-33.063 21.867-61.789 43.623-84.385l-.05.053c21.417-22.252 49.233-38.203 80.484-44.892l1.035-.185c9.341-2.011 20.073-3.162 31.074-3.162 22.017 0 42.957 4.612 61.907 12.922l-.991-.388c29.784 13.076 54.117 33.941 71.07 60.041l.38.623c16.826 25.831 26.833 57.441 26.833 91.389 0 45.231-17.764 86.313-46.696 116.649l.063-.067c-28.441 29.644-68.341 48.106-112.553 48.241h-.025z"/>
  29.                                             </svg>
  30.                                         </button>
  31.                                         <button class="d-none search-toggle-btn js-search-toggle-btn">{{ "header.searchButton"|trans|striptags }}</button>
  32.                                     </div>
  33.                                 </div>
  34.                             {% endblock %}
  36.                             {% block layout_header_actions_account %}
  37.                                 <div class="col-auto d-md-block d-print-none">
  38.                                     <div class="account-menu">
  39.                                         {% sw_include '@Storefront/storefront/layout/header/actions/account-widget.html.twig' %}
  40.                                     </div>
  41.                                 </div>
  42.                             {% endblock %}
  44.                             {% block layout_header_actions_favorites %}
  45.                                 {% if context.customer and context.customer.guest == false  %}
  46.                                     <div class="col-auto d-print-none">
  47.                                         <div class="header-favorites">
  48.                                             <a href="{{ urlPrefix }}/account/orderlists"
  49.                                                 class="btn header-actions-btn" 
  50.                                                 title="{% if currentCustomerGroup == "wiederverkauf" %}{{ "areas.orderlistsGa"|trans }}{% else %}{{ "areas.orderlists"|trans }}{% endif %}"
  51.                                                 aria-label="{% if currentCustomerGroup == "wiederverkauf" %}{{ "areas.orderlistsGa"|trans }}{% else %}{{ "areas.orderlists"|trans }}{% endif %}"
  52.                                             >
  53.                                                 {% if currentCustomerGroup == "wiederverkauf" %}
  54.                                                     <svg class="header-icon header-icon__favoriten-ga" version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 50 50" xml:space="preserve">
  55.                                                         <path class="svg-fill" d="M43.6,49.9H6.5V0.2h37.1V49.9z M7.7,48.7h34.7V1.4H7.7V48.7z M14.4,28.6l3.8-3.6c0.2-0.2,0.2-0.6,0-0.8s-0.6-0.2-0.8,0
  56.                                                             l-3.2,3.2l-1-1c-0.2-0.2-0.6-0.2-0.8,0s-0.2,0.6,0,0.8l1.3,1.3c0.1,0.1,0.2,0.1,0.4,0.1C14.1,28.7,14.3,28.7,14.4,28.6z M35.1,19.9
  57.                                                             c0-0.4-0.2-0.6-0.6-0.6H20.8c-0.4,0-0.6,0.2-0.6,0.6c0,0.4,0.2,0.6,0.6,0.6h13.6C34.7,20.5,34.9,20.3,35.1,19.9z M35.1,26.6
  58.                                                             c0-0.4-0.2-0.6-0.6-0.6H20.8c-0.4,0-0.6,0.2-0.6,0.6c0,0.4,0.2,0.6,0.6,0.6h13.6C34.7,27.2,35.1,26.9,35.1,26.6z M35.1,33.3
  59.                                                             c0-0.4-0.2-0.6-0.6-0.6H20.8c-0.4,0-0.6,0.2-0.6,0.6s0.2,0.6,0.6,0.6h13.6C34.7,33.9,34.9,33.6,35.1,33.3z M14.4,22.1l3.8-3.6
  60.                                                             c0.2-0.2,0.2-0.6,0-0.8s-0.6-0.2-0.8,0l-3.2,3.2l-1-1c-0.2-0.2-0.6-0.2-0.8,0c-0.2,0.2-0.2,0.6,0,0.8l1.3,1.3
  61.                                                             c0.1,0.1,0.2,0.1,0.4,0.1C14.1,22.2,14.3,22.2,14.4,22.1z M14.4,35.4l3.8-3.6c0.2-0.2,0.2-0.6,0-0.8s-0.6-0.2-0.8,0l-3.2,3.2l-1-1
  62.                                                             c-0.2-0.2-0.6-0.2-0.8,0c-0.2,0.2-0.2,0.6,0,0.8l1.3,1.3c0.1,0.1,0.2,0.1,0.4,0.1C14.1,35.5,14.3,35.5,14.4,35.4z"/>
  63.                                                     </svg>
  64.                                                 {% else %}
  65.                                                     <svg class="header-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27.568 24.825">
  66.                                                         <path class="svg-fill" d="M2.624 12.204a6.887 6.887 0 0 1-1.84-4.697c0-1.782.676-3.474 1.905-4.765l.393-.366a7.002 7.002 0 0 1 9.868.791l.828.963.82-.954a7.013 7.013 0 0 1 9.874-.802l.389.354a6.888 6.888 0 0 1 1.923 4.784 6.896 6.896 0 0 1-1.846 4.704l-11.16 11.903L2.624 12.203v.001Zm11.155 10.5 10.45-11.145a5.913 5.913 0 0 0 1.595-4.05 5.909 5.909 0 0 0-1.633-4.09 6.557 6.557 0 0 0-.343-.311 6.045 6.045 0 0 0-8.507.676l-1.56 1.822-1.556-1.802a6.022 6.022 0 0 0-4.584-2.12h-.043l-.066-.02A6.064 6.064 0 0 0 3.71 3.119c-.118.1-.232.203-.342.311a5.9 5.9 0 0 0-1.633 4.09c0 1.509.567 2.947 1.596 4.05L13.78 22.703Zm0 1.138L2.761 12.074a6.696 6.696 0 0 1-1.79-4.568c0-1.797.706-3.43 1.855-4.636l-.003.003.387-.358A6.785 6.785 0 0 1 7.62.897c2.077 0 3.936.928 5.187 2.393l.007.01.964 1.12.964-1.12A6.817 6.817 0 0 1 19.938.9c1.685 0 3.228.611 4.418 1.623l-.009-.008.387.352a6.7 6.7 0 0 1 1.861 4.645 6.703 6.703 0 0 1-1.798 4.578l.004-.004-11.023 11.756ZM7.613 1.494h-.017A6.143 6.143 0 0 0 3.582 2.98l.009-.006c-.122.102-.24.208-.353.32A6.1 6.1 0 0 0 1.546 7.52a6.102 6.102 0 0 0 1.65 4.182l-.002-.003 10.585 11.28 10.586-11.292a6.1 6.1 0 0 0 1.648-4.179 6.104 6.104 0 0 0-1.694-4.229l.002.003c-.113-.106-.23-.219-.353-.32a6.203 6.203 0 0 0-4.034-1.48A6.223 6.223 0 0 0 15.2 3.66l-.007.009-1.412 1.648-1.412-1.637a6.193 6.193 0 0 0-4.726-2.185H7.614Z"/>
  67.                                                     </svg>
  68.                                                 {% endif %}
  69.                                             </a>
  70.                                         </div>
  71.                                     </div>
  72.                                 {% endif %}
  73.                             {% endblock %}
  75.                             {% block layout_header_actions_cart %}
  76.                                 <div class="col-auto text-lg-center d-print-none">
  77.                                     <div class="header-cart">
  78.                                         <a class="btn header-actions-btn"
  79.                                         href="{{ path('frontend.checkout.cart.page') }}"
  80.                                         data-cart-widget="true"
  81.                                         id="offcanvas-cart-btn"
  82.                                         data-offcanvas-cart="true"
  83.                                         title="{{ 'header.cartButton'|trans|striptags }}"
  84.                                         aria-label="{{ 'header.cartButton'|trans|striptags }}">
  85.                                             {% sw_include '@Storefront/storefront/layout/header/actions/cart-widget.html.twig' %}
  86.                                         </a>
  87.                                     </div>
  88.                                 </div>
  89.                             {% endblock %}
  91.                             {% block layout_header_navigation_toggle %}
  92.                                 <div class="col-auto d-lg-none ml-md-0 pr-0 d-flex align-items-center d-print-none">
  93.                                     {% block layout_header_navigation_toggle_button %}
  94.                                         <div class="nav-toggle header-menu-btn open-menu-button">
  95.                                             <div class="menu-icon">
  96.                                                 <label for="menu-checkbox" class="sr-only">Menu</label>
  97.                                                 <input class="menu-icon__checkbox" id="menu-checkbox" type="checkbox" />
  98.                                                 <div>
  99.                                                     <span></span>
  100.                                                     <span></span>
  101.                                                 </div>
  102.                                             </div>
  103.                                         </div>
  104.                                     {% endblock %}
  105.                                 </div>
  106.                             {% endblock %}
  107.                         </div>
  108.                     {% endblock %}
  109.                 </div>
  110.             </div>
  111.         </div>
  113.         <script>
  114.         window.onload = function() {
  115.             try {
  116.                 var url_string = (window.location.href).toLowerCase();
  117.                 var url = new URL(url_string);
  118.                 var filter = url.searchParams.get("filter");
  119.                 var sortkey = url.searchParams.get("sortkey");
  120.                 if(filter || sortkey) {
  121.                     if(filter.includes('aktion')) {
  122.                         document.getElementById('nav-item-75eb86d7e3be46cea974ab3439aee8f6').classList.add('active');
  123.                         document.getElementById('nav-item-mobile-75eb86d7e3be46cea974ab3439aee8f6').classList.add('active');
  124.                     } else if(filter.includes('neu')) {
  125.                         document.getElementById('nav-item-3a62cef98d544525a67dc35618afb6fe').classList.add('active');
  126.                         document.getElementById('nav-item-mobile-3a62cef98d544525a67dc35618afb6fe').classList.add('active');
  127.                     } else if(filter.includes('smart_buys')) {
  128.                         document.getElementById('nav-item-5b9d53acce99419184037e0c239bec63').classList.add('active');
  129.                         document.getElementById('nav-item-mobile-5b9d53acce99419184037e0c239bec63').classList.add('active');
  130.                     } else if(filter.includes('last_bottles')) {
  131.                         document.getElementById('nav-item-a4226c67be3743df96b90070388b72c9').classList.add('active');
  132.                         document.getElementById('nav-item-mobile-a4226c67be3743df96b90070388b72c9').classList.add('active');
  133.                     } else if(filter.includes('raritaeten')) {
  134.                         document.getElementById('nav-item-e78c35b6a1c545d9913fcce86b70d491').classList.add('active');
  135.                         document.getElementById('nav-item-mobile-e78c35b6a1c545d9913fcce86b70d491').classList.add('active');
  136.                     } else if(filter.includes('flaschengroesse,140_cl-150_cl-300_cl-500_cl-600_cl')) {
  137.                         document.getElementById('nav-item-27a84ddfb12f476e9e4b354ddaf35ecb').classList.add('active');
  138.                         document.getElementById('nav-item-mobile-27a84ddfb12f476e9e4b354ddaf35ecb').classList.add('active');
  139.                     } else if(filter.includes('sortiment,weinaccessoires')) {
  140.                         document.getElementById('nav-item-ee107512caee4ea1ab6a01d6b6b6f84c').classList.add('active');
  141.                         document.getElementById('nav-item-mobile-ee107512caee4ea1ab6a01d6b6b6f84c').classList.add('active');
  142.                     } else if(filter === "") {
  143.                         document.getElementById('nav-item-1ac3f15481ee4e1b9b83a7d5a566b6f3').classList.add('active');
  144.                         document.getElementById('nav-item-mobile-1ac3f15481ee4e1b9b83a7d5a566b6f3').classList.add('active');
  145.                     }
  146.                 }
  147.             } catch (err) {
  148.                 //console.log("Issues with Parsing URL Parameter's - " + err);
  149.             }
  150.         }
  151.         </script>
  152.         {# TODO NEXT: WAS IST DAS (OLI)? #}
  153.         {% if app.session.get('pos') == "SG" %}
  154.             <span>POS - Sankt Gallen</span>
  155.         {% elseif app.session.get('pos') == "ZH" %}
  156.             <span>POS - Zürich</span>
  157.         {% else %}
  158.             
  159.         {% endif %}
  161.     {% endblock %}
  162. {% endblock %}