templates/global/header.html.twig line 1

Open in your IDE?
  1. {% set config = siteConfig() %}
  2. {% do jsConfig('_trackingData').add({
  3.     "logo": {
  4.         "trigger": "click",
  5.         "datalayer": {
  6.             "event": "click_logo",
  7.         }
  8.     }
  9. }) %}
  11. <header>
  12.     <div class="navigation-meta d-md-none">
  13.         <ul class="navigation-meta__list gx-0">
  14.             {% for item in getHeaderLinkList(app.request.locale) %}
  15.                 {% if item.href and item.title %}
  16.                     <li class="navigation-meta__list-item col">
  17.                         <a href="{{ item.href }}" class="navigation-meta__list-link"
  18.                            data-event-tracking-event="click_meta_navigation"
  19.                            data-event-tracking-click_item="{{ item.title }}"
  20.                            data-event-tracking-click_page_location="{{ item.href }}">
  21.                             <span class="navigation-meta__icon"><span class="icon icon-{{ item.icon }}" aria-hidden="true"></span></span>
  22.                             <span class="navigation-meta__text">{{ item.title }}</span>
  23.                         </a>
  24.                     </li>
  25.                 {% endif %}
  26.             {% endfor %}
  27.         </ul>
  28.     </div>
  29.     <div id="main-nav" class="navigation js-scroll-navi js-navi" tabindex="-1">
  30.         <div class="navigation__container">
  31.             <div class="navigation__wrapper">
  32.                 <div class="navigation-meta d-none d-md-block">
  33.                     <div class="container">
  34.                         <div class="row">
  35.                             <div class="offset-xl-1 col-xl-10 offset-xxl-2 col-xxl-8">
  36.                                 <ul class="navigation-meta__list">
  37.                                     {% for item in getHeaderLinkList(app.request.locale) %}
  38.                                         {% if item.href and item.title %}
  40.                                             <li class="navigation-meta__list-item">
  41.                                                 <a href="{{ item.href }}" class="navigation-meta__list-link"
  42.                                                    data-event-tracking-event="click_meta_navigation"
  43.                                                    data-event-tracking-click_item="{{ item.title }}"
  44.                                                    data-event-tracking-click_page_location="{{ item.href }}">
  45.                                                     <span class="navigation-meta__icon"><span
  46.                                                             class="icon icon-{{ item.icon }}" aria-hidden="true"></span></span>
  47.                                                     <span class="navigation-meta__text">{{ item.title }}</span>
  48.                                                 </a>
  49.                                             </li>
  50.                                         {% endif %}
  51.                                     {% endfor %}
  52.                                 </ul>
  53.                             </div>
  54.                         </div>
  55.                     </div>
  56.                 </div>
  57.                 <div class="navigation__main">
  58.                     <div class="navigation__bar">
  59.                         <div class="navigation__logo">
  60.                             <a href="{{ document.property('navigationRoot') }}" data-event-tracking-key="logo">
  61.                                 {% if config and config.logo %}
  62.                                     {{ config.logo.thumbnail('logo').html({
  63.                                         alt: 'Fundermax'
  64.                                     })|raw }}
  65.                                 {% else %}
  66.                                     <img src="/static/img/logo.svg" alt="Fundermax" width="100px" height="21px"/>
  67.                                 {% endif %}
  68.                             </a>
  69.                         </div>
  70.                         <div class="navigation__menu js-mega-menu">
  71.                             <nav class="navigation__nav">
  72.                                 {{ mainNavigation(document) }}
  73.                             </nav>
  74.                         </div>
  76.                         <div class="navigation__right">
  77.                             {% if not editmode %}
  78.                                 {#  Language #}
  79.                                 {% set translations = getDocumentTranslations(document.id, app.request, document.property('lngSwitchRequest') ?? null) %}
  80.                                 {% if not translations is empty %}
  81.                                     <div class="navigation__action navigation__action--space js-tooltip"
  82.                                          data-toggle="tooltip" data-bs-placement="top"
  83.                                          title="{{ ('global.language.' ~ app.request.locale)|trans }}">
  84.                                         <div class="dropdown navigation__dropdown">
  85.                                             <button class="btn btn-lg btn--no-transition" type="button" id="ddLanguage"
  86.                                                     data-bs-toggle="dropdown" aria-expanded="false" aria-label="{{ 'header.langswitch'|trans }}" title="{{ 'header.langswitch'|trans }}">
  87.                                                 <span class="btn__icon" aria-hidden="true">
  88.                                                     <span class="icon icon-language" aria-hidden="true"></span>
  89.                                                 </span>
  90.                                                 {# <span class="btn__text d-md-inline-block d-none">{{ ('global.language.' ~ app.request.locale)|trans }}</span> #}
  91.                                             </button>
  92.                                             <ul class="dropdown-menu" aria-labelledby="ddLanguage">
  93.                                                 {% for link, lang in translations %}
  94.                                                     {% if lang != document %}
  95.                                                         <li><a class="dropdown-item"
  96.                                                                href="{{ link }}">{{ lang.text }}</a></li>
  97.                                                     {% endif %}
  98.                                                 {% endfor %}
  99.                                             </ul>
  100.                                         </div>
  101.                                     </div>
  102.                                 {% endif %}
  103.                             {% endif %}
  105.                             {# profile #}
  106.                             {% if not config.disableUserProfile %}
  107.                                 <div class="navigation__action js-tooltip" data-toggle="tooltip" data-bs-placement="top"
  108.                                      title="{{ 'nav.profile'|trans }}">
  109.                                     <div class="dropdown navigation__dropdown">
  110.                                         <button class="btn btn-lg btn--no-transition" type="button" id="ddProfil"
  111.                                                 data-bs-toggle="dropdown" aria-expanded="false" aria-label="{{ 'nav.profile'|trans }}" title="{{ 'nav.profile'|trans }}">
  112.                                                 <span class="btn__icon" aria-hidden="true">
  113.                                                     <span class="icon icon-person" aria-hidden="true"></span>
  114.                                                 </span>
  115.                                             {# <span class="btn__text d-md-inline-block d-none">{{ 'nav.profile'|trans }}</span> #}
  116.                                         </button>
  117.                                         <ul class="dropdown-menu" aria-labelledby="ddProfil">
  118.                                             {% if app.user %}
  119.                                                 <li><a class="dropdown-item"
  120.                                                        href="{{ path('app_profile') }}">{{ 'nav.Persönliche Daten'|trans }}</a>
  121.                                                 </li>
  122.                                                 <li><a class="dropdown-item"
  123.                                                        href="{{ path('app_orders') }}">{{ 'nav.Bestellarchiv'|trans }}</a>
  124.                                                 </li>
  125.                                                 <li><a class="dropdown-item"
  126.                                                        href="{{ path('app_auth_logout') }}">{{ 'nav.abmelden'|trans }}</a>
  127.                                                 </li>
  128.                                             {% else %}
  129.                                                 <li>
  130.                                                     <button class="dropdown-item"
  131.                                                             disabled>{{ 'nav.Persönliche Daten'|trans }}</button>
  132.                                                 </li>
  133.                                                 <li>
  134.                                                     <button class="dropdown-item"
  135.                                                             disabled>{{ 'nav.Bestellarchiv'|trans }}</button>
  136.                                                 </li>
  137.                                                 <li><a class="dropdown-item"
  138.                                                        href="{{ path('app_auth_login') }}">{{ 'nav.anmelden'|trans }}</a>
  139.                                                 </li>
  140.                                             {% endif %}
  142.                                         </ul>
  143.                                     </div>
  144.                                 </div>
  146.                                 {# wishlist #}
  147.                                 {% if app.user %}
  148.                                     <div class="navigation__action js-tooltip" data-toggle="tooltip"
  149.                                          data-bs-placement="top" title="{{ 'nav.wishlist'|trans }}">
  150.                                         <a class="btn btn-lg btn--no-transition" href="{{ path('app_wishlist') }}" id="linkWishlist" aria-expanded="false" aria-label="{{ 'nav.wishlist'|trans }}" title="{{ 'nav.wishlist'|trans }}">
  151.                                             <span class="btn__icon position-relative">
  152.                                                 <span class="icon icon-heart-outline" aria-hidden="true"></span>
  153.                                                 <span class="visually-hidden">{{ 'nav.wishlist.item.count'|trans }}</span>
  154.                                                 <span class="navigation-signal js-wishlist__items-count" hidden>
  155.                                                     0
  156.                                                 </span>
  157.                                             </span>
  158.                                             {# <span class="btn__text d-md-inline-block d-none">{{ 'nav.wishlist'|trans }}</span> #}
  159.                                         </a>
  160.                                     </div>
  161.                                 {% endif %}
  162.                             {% endif %}
  164.                             {# cart #}
  165.                             {% if not config.disableSampleSale %}
  166.                                 <div class="navigation__action js-tooltip" data-toggle="tooltip" data-bs-placement="top"
  167.                                      title="{{ 'nav.cart'|trans }}">
  168.                                     <div class="dropdown">
  169.                                         <button
  170.                                             class="btn btn-lg btn--no-transition btn-cart-dropdown dropdown-toggle js-cart-dropdown  hide-arrow"
  171.                                             type="button" id="ddCart"
  172.                                             data-bs-toggle="dropdown"
  173.                                             aria-expanded="false"
  174.                                             aria-label="{{ 'nav.cart'|trans }}"
  175.                                             title="{{ 'nav.cart'|trans }}">
  176.                                                 <span class="btn__icon">
  177.                                                     <span class="icon icon-cart" aria-hidden="true"></span>
  178.                                                     <span class="visually-hidden">{{ 'nav.cart.item.count'|trans }}</span>
  179.                                                     <span class="js-cart__count btn-cart-dropdown__count" hidden>0</span>
  180.                                                 </span>
  181.                                             {# <span class="btn__text d-none d-md-inline-block">{{ 'nav.cart'|trans }}</span> #}
  182.                                         </button>
  183.                                         <div class="dropdown-menu cart-dropdown-menu js-cart__list"
  184.                                              aria-labelledby="ddCart" role="status">
  185.                                             {{ include('loading/loading-overlay.html.twig', {className: 'loading-overlay--cart-dropdown js-cart__loading', text: null}) }}
  186.                                             <div class="js-cart__result">
  187.                                                 <div class="py-5"></div>
  188.                                             </div>
  189.                                             <a href="{{ path('cart_list') }}"
  190.                                                class="btn btn-primary btn--no-transition w-100">{{ 'nav.to-cart'|trans }}</a>
  191.                                         </div>
  192.                                     </div>
  193.                                 </div>
  195.                                 {# sample sale #}
  196.                                 {% if config.sampleOverview %}
  197.                                     <div class="navigation__action js-tooltip d-none d-md-block" data-toggle="tooltip"
  198.                                          data-bs-placement="top"
  199.                                          title="{{ 'nav.sample sale'|trans }}">
  200.                                         <a class="btn btn-lg btn--no-transition"
  201.                                            href="{{ config.sampleOverview }}"
  202.                                            id="linkSampleSale"
  203.                                            aria-expanded="false"
  204.                                            aria-label="{{ 'nav.sample sale'|trans }}"
  205.                                            title="{{ 'nav.sample sale'|trans }}">
  206.                                             <span class="btn__icon">
  207.                                                 <span class="icon icon-sample-big" aria-hidden="true"></span>
  208.                                             </span>
  209.                                             {# <span class="btn__text d-md-inline-block d-none">{{ 'nav.sample sale'|trans }}</span> #}
  210.                                         </a>
  211.                                     </div>
  212.                                 {% endif %}
  213.                             {% endif %}
  215.                             {# search #}
  216.                             {% if not config.disableSiteSearch %}
  217.                                 <div class="navigation__action js-tooltip" data-toggle="tooltip" data-bs-placement="top"
  218.                                      title="{{ 'nav.search'|trans }}">
  219.                                     <a href="#"
  220.                                        class="btn btn-lg btn--icon btn--no-transition js-search-overlay__button"
  221.                                        aria-label="{{ 'nav.search'|trans }}" role="button"
  222.                                        title="{{ 'nav.search'|trans }}">
  223.                                         <span class="btn__icon" aria-hidden="true">
  224.                                             <span class="icon icon-search" aria-hidden="true"></span>
  225.                                         </span>
  226.                                     </a>
  227.                                 </div>
  228.                             {% endif %}
  230.                             {# contact #}
  231.                             {% if config.contactPage %}
  232.                                 <div class="navigation__cta">
  233.                                     <a href="{{ config.contactPage }}"
  234.                                        class="btn btn-lg btn-primary btn--no-transition" aria-label="{{ 'nav.contact'|trans }}" title="{{ 'nav.contact'|trans }}">
  235.                                         <span class="btn__text">{{ 'nav.contact'|trans }}</span>
  236.                                     </a>
  237.                                 </div>
  238.                             {% endif %}
  240.                             {# burger #}
  241.                             <button class="navigation__burger js-navi__burger"
  242.                                  aria-label="{{ 'nav.open/close-menu'|trans }}" title="{{ 'nav.open/close-menu'|trans }}">
  243.                                 <span class="icon icon-menu" aria-hidden="true"></span>
  244.                                 <span class="icon icon-close" aria-hidden="true"></span>
  245.                             </button>
  246.                         </div>
  247.                     </div>
  248.                 </div>
  249.             </div>
  250.         </div>
  251.     </div>
  252.     {{ include('global/includes/countdown-banner.html.twig') }}
  253. </header>
  255. {% if config and config.searchModal %}
  256.     {{ pimcore_inc(config.searchModal) }}
  257. {% endif %}
  258. {{ include('navigations/breadcrumbs.html.twig') }}