templates/Convention/Includes/header.html.twig line 1

Open in your IDE?
  1. <header>
  2.     <nav class="main-navbar js-affix-nav {{ isFixed|default(true) ? 'main-navbar--fixed' }}">
  4.         <div class="main-navbar-meta d-md-none">
  5.             <ul class="main-navbar-meta__list list-unstyled">
  6.                 <li class="main-navbar__item">
  7.                     <a href="{{ document.property('siteConfig').watchlistOverview.fullPath|default('#') }}" class="main-navbar__item__link" data-event-tracking-category="Navbar" data-event-tracking-action="{{ 'nav.Merkliste'|trans }}" data-event-tracking-label="{{ document.property('siteConfig').watchlistOverview.fullPath|default('#') }}">
  8.                         <div class="position-relative">
  9.                                      <span class="icon icon-heart-outline main-navbar__item__icon"
  10.                                            aria-hidden="true"></span>
  11.                             <span class="main-navbar__item-count js-wishlist__items-count" aria-label="wishlist count">{{  app.session.get('wishlistIds')|length|default(0) }}</span>
  12.                         </div>
  13.                         {{ 'nav.Merkliste'|trans }}
  14.                     </a>
  15.                 </li>
  16.             </ul>
  17.         </div>
  20.         <div class="main-navbar-nav">
  21.             <div class="main-navbar__container js-nav">
  23.                 <div class="main-navbar__left ">
  24.                     <button class="main-navbar__toggle collapsed js-nav__toggle-overlay"
  25.                             type="button"
  26.                             aria-expanded="false"
  27.                             aria-label="Toggle Navigation"
  28.                             data-nav-overlay-target="#main-navbar-nav"
  29.                             aria-controls="main-navbar-nav">
  30.                         <span class="main-navbar__toggle__line"></span>
  31.                         <span class="main-navbar__toggle__line"></span>
  32.                         <span class="main-navbar__toggle__line"></span>
  33.                         <span class="main-navbar__toggle__text">Menu</span>
  34.                         <span class="main-navbar__toggle__text--open" aria-hidden="true">{{ 'nav.schliessen'|trans }}</span>
  35.                     </button>
  36.                     <div class="nav nav-overlay js-nav__overlay js-render-template" id="main-navbar-nav" aria-hidden="true">
  37.                         <template class="js-render-template__template">
  38.                             <div class="mega-nav__container">
  40.                                 {{ mainNavigation( document, siteConfig, app.request.get('clearCache', false) ) }}
  42.                             </div>
  43.                         </template>
  44.                     </div>
  45.                 </div>
  47.                 <div class="main-navbar__centered">
  48.                     <a href="{{ document.getProperty('navLogoLink') ?: siteConfig.home }}" class="pointer-events-auto" data-event-tracking-category="Navbar" data-event-tracking-action="Logo" data-event-tracking-label="{{ document.getProperty('navLogoLink') ?: siteConfig.home }}">
  49.                         {{ (document.getProperty('navLogo') ?: siteConfig.logo).thumbnail('navbar-brand').html({imgAttributes: {class: 'main-navbar__brand' }})| raw }}
  50.                     </a>
  51.                 </div>
  53.                 <div class="main-navbar__right">
  54.                     <ul class="main-navbar__list list-unstyled">
  55.                         <li class="main-navbar__item d-none d-md-flex">
  56.                             <a href="{{ document.property('siteConfig').watchlistOverview.fullPath|default('#') }}" class="main-navbar__item__link" data-event-tracking-category="Navbar" data-event-tracking-action="{{ 'nav.Merkliste'|trans }}" data-event-tracking-label="{{ document.property('siteConfig').watchlistOverview.fullPath|default('#') }}">
  57.                                 <div class="position-relative">
  58.                                      <span class="icon icon-heart-outline main-navbar__item__icon"
  59.                                            aria-hidden="true"></span>
  60.                                     <span class="main-navbar__item-count js-wishlist__items-count" aria-label="wishlist count">{{  app.session.get('wishlistIds')|length|default(0) }}</span>
  61.                                 </div>
  63.                                 {{ 'nav.Merkliste'|trans }}
  64.                             </a>
  65.                         </li>
  66.                         <li class="main-navbar__item main-navbar__item--search">
  67.                             <button class="main-navbar__item__link main-navbar__item__link--search js-nav__toggle-overlay"
  68.                                     aria-label="{{ 'sr.Show Overlay'|trans }}"
  69.                                     title="{{ 'sr.Show Overlay'|trans }}"
  70.                                     data-nav-overlay-target="#searchOverlay" data-event-tracking-category="Navbar" data-event-tracking-action="{{ 'nav.Suche'|trans }}" data-event-tracking-label="{{ siteConfig.search }}">
  71.                                 <span class="icon icon-search main-navbar__item__icon" aria-hidden="true"></span>
  72.                                 <span class="main-navbar__item-text">{{ 'nav.Suche'|trans }}</span>
  73.                             </button>
  75.                             {% if document.property('searchOverlay') is instanceof('\\Pimcore\\Model\\Document\\Snippet') %}
  76.                                 {{ pimcore_inc(document.property('searchOverlay')) }}
  77.                             {% endif %}
  79.                         </li>
  80.                     </ul>
  82.                     <a href="{{ demiConfigurationHelper().getAccoParentDocument() }}" class="main-navbar__primary-btn" data-event-tracking-category="Navbar" data-event-tracking-action="{{ 'nav.Anfrage'|trans }}" data-event-tracking-label="{{ 'nav.Anfrage'|trans }}">
  83.                         <span class="icon icon-presentation main-navbar__primary-btn__icon" aria-hidden="true"></span>
  84.                         <span class="d-none d-md-inline-block">{{ 'nav.Anfrage'|trans }}</span>
  85.                     </a>
  87.                     {{ include('Navigation/Partials/bookingOverlay.html.twig') }}
  89.                 </div>
  90.             </div>
  91.         </div>
  92.     </nav>
  93. </header>