templates/navigation/partials/navbar-main.html.twig line 1

Open in your IDE?
  1. <nav class="navbar-main js-navbar-main">
  2.     <div class="d-flex align-items-center">
  3.         <button type="button" class="navbar-main__toggle js-nav__menu-toggle" data-menu-overlay-target="#menuOverlay">
  4.             <svg role="img" class="navbar-main__toggle-icon navbar-main__toggle-icon--burger"><use xlink:href="/static/img/nav/navigation-svg-sprite.svg#icon-burger"></use></svg>
  5.             <svg role="img" class="navbar-main__toggle-icon navbar-main__toggle-icon--close"><use xlink:href="/static/img/nav/navigation-svg-sprite.svg#icon-x"></use></svg>
  6.             <span class="navbar-main__toggle-menu">{{ 'navigation.Menu'|trans }}</span>
  7.             <span class="navbar-main__toggle-close">{{ document.property('swiss') ? ("global.Close"|trans)|replace({'ß': 'ss'}) : "global.Close"|trans }}</span>
  8.         </button>
  9.         <button type="button" class="navbar-main__search-toggle js-nav__search-toggle" data-toggle-target="#navbarSearch">
  10.             <svg role="img" class="navbar-main__search-toggle-icon"><use xlink:href="/static/img/nav/navigation-svg-sprite.svg#icon-search"></use></svg>
  11.             <span class="visually-hidden">{{ 'navigation.Search'|trans }}</span>
  12.             <span class="navbar-main__search-toggle-close icon icon-x"></span>
  13.         </button>
  14.     </div>
  15.     <a class="navbar-logo"
  16.        href="{{ document.getProperty('languageRoot') }}"
  17.        data-event-tracking-event="click_logo"
  18.        data-event-tracking-link_url="{{ elements_host_url() ~ document.getProperty('languageRoot') }}">
  19.         <img src="{{ elements_cache_buster(elements_staticFolder() ~ '/img/kuhn-logo.svg') }}" alt="Kuhn Gruppe" class="navbar-logo__img">
  20.     </a>
  21.     {% set getterMethod = 'get' ~ document.property('resort')|capitalize ~ 'ContactOverview' %}
  22.     {% set contactOverview = attribute(siteConfig(), getterMethod) is defined ? attribute(siteConfig(), getterMethod) : siteConfig().getContactOverview() %}
  23.     <a class="btn btn-primary navbar-main__right-btn text-nowrap d-block d-md-none"
  24.        href="{{ contactOverview|default(siteConfig().getContactOverview()) }}">
  25.         {{ 'navigation.contactButton'|trans }}
  26.     </a>
  27.     <div id="navbarSearch" class="d-md-none navbar-search navbar-search__wrapper js-nav-search js-nav__overlay">
  28.         {% if siteConfig().search %}
  29.             <form class="navbar-search" action="{{ siteConfig().search.href }}" autocomplete="off">
  30.                 <button type="submit" class="btn-no-styling navbar-search__submit">
  31.                     <svg role="img" class="navbar-search__icon"><use xlink:href="/static/img/nav/navigation-svg-sprite.svg#icon-search"></use></svg>
  32.                 </button>
  33.                 <label for="search" class="visually-hidden">{{ 'navigation.Search'|trans }}</label>
  34.                 <input type="text" id="search" name="q" class="navbar-search__input" placeholder="{{ 'navigation.Search'|trans }}">
  35.             </form>
  36.     {% endif %}
  37.     </div>
  38.     <div id="menuOverlay" class="navbar-main__wrapper js-nav__overlay">
  39.         <div class="navbar-main__scroll-container">
  40.             <div class="navbar-main__left js-nav-tracking">
  41.                 <div class="main-nav js-nav">
  42.                     {% set navRoot = document.getProperty('navRoot') %}
  43.                     {% if navRoot %}
  44.                         <div class="navbar-main__title d-md-none">{{ navRoot.getTitle() }}</div>
  45.                     {% endif %}
  46.                     <ul class="main-nav__list js-nav__list">
  47.                         <li class="main-nav__item d-md-none">
  48.                             {% if document is instanceof('\\Pimcore\\Model\\Document\\Hardlink\\Wrapper\\Page') and document.parent.type == 'hardlink' %}
  49.                                 {% set homeLink = document.getProperty('languageRoot').getFullpath() ~ (navRoot ? navRoot.getFullpath()) %}
  50.                             {% else %}
  51.                                 {% set homeLink = navRoot ? document.getProperty('navRoot').getFullpath() %}
  52.                             {% endif %}
  53.                             <a href="{{ homeLink }}" class="main-nav__link">{{ 'navigation.Home'|trans }} {{ navRoot ? navRoot.getProperty('navigation_name') }}</a>
  54.                         </li>
  55.                         {% if navRoot %}
  56.                             {% for mainPage in pages %}
  57.                                 {% if mainPage.isVisible() and not mainPage.getCustomSetting('exclude') %}
  58.                                     <li class="main-nav__item js-nav__list-item {{ mainPage.hasPages() ? 'has-subnav' }}">
  59.                                         <a href="{{ mainPage.getUri() }}" target="{{ mainPage.getTarget() }}" class="main-nav__link js-nav__list-link js-nav-tracking__link">{{ mainPage.getLabel() }}
  60.                                             {% if mainPage.hasPages() %}
  61.                                                 <svg role="img" class="main-nav__icon"><use xlink:href="/static/img/nav/navigation-svg-sprite.svg#icon-chevron"></use></svg>
  62.                                             {% endif %}
  63.                                         </a>
  64.                                         {% set visibleFirstNavigationChildren = false %}
  65.                                         {% set firstNavigationChildren = [] %}
  66.                                         {% if mainPage.hasPages() %}
  67.                                             {{ include('navigation/includes/navbar-main-subnav.html.twig', {
  68.                                                 'pages': mainPage.getPages(),
  69.                                                 'mainPage': mainPage,
  70.                                                 'bigSubnav': mainPage.getCustomSetting('bigSubnav')
  71.                                             }) }}
  72.                                         {% endif %}
  73.                                     </li>
  74.                                 {% endif %}
  75.                             {% endfor %}
  76.                         {% endif %}
  77.                     </ul>
  78.                 </div>
  79.             </div>
  80.             <div class="navbar-main__right ms-md-auto">
  81.                 <ul class="navbar-main__feature-list">
  82.                     {% if document.getProperty('mainNav-additionalLinks') %}
  83.                         {{ pimcore_inc(document.getProperty('mainNav-additionalLinks')) }}
  84.                     {% endif %}
  85.                     <li class="navbar-main__feature-item">
  86.                         <a href="{{ contactOverview|default(siteConfig().getContactOverview()) }}"
  87.                             data-event-tracking-event="click_navbar"
  88.                             data-event-tracking-link_url="{{ elements_host_url() ~ contactOverview|default(siteConfig().getContactOverview()) }}"
  89.                             data-event-tracking-click_item="{{ 'navigation.contactButton'|trans }}"
  90.                             class="btn btn-primary navbar-main__right-btn text-nowrap">
  91.                             {{ 'navigation.contactButton'|trans }}
  92.                         </a>
  93.                     </li>
  94.                 </ul>
  95.             </div>
  96.             <div class="d-md-none">
  97.                 {% if document.getProperty('metaNav-additionalLinks') %}
  98.                     {{ pimcore_inc(document.getProperty('metaNav-additionalLinks')) }}
  99.                 {% endif %}
  100.                 {{ metaNavigation(document) }}
  101.             </div>
  102.         </div>
  103.         <div class="navbar-main__bottom d-md-none">
  104.             {{ include('navigation/includes/navbar-meta-switch.html.twig') }}
  105.         </div>
  106.     </div>
  107. </nav>