templates/includes/header.html.twig line 1

Open in your IDE?
  1. {% if not document is defined or not document %}
  2.     {% set document = pimcore_document(3) %}
  3. {% endif %}
  5. {% set navStartNode = document.getProperty('mainNavStartNode') %}
  6. {% if not navStartNode is instanceof('\\Pimcore\\Model\\Document\\Page') %}
  7.     {% set navStartNode = pimcore_document(3) %}
  8. {% endif %}
  10. {# für die Hauptmenüpunkte (Level 0) #}
  11. {% set mainNavStartNode = pimcore_document(1) %}
  13. {% set subNavigation = pimcore_build_nav({
  14.     active: document,
  15.     root: navStartNode
  16. }) %}
  18. {% set mainNavigation = pimcore_build_nav({
  19.     active: document,
  20.     root: mainNavStartNode
  21. }) %}
  23. {% set customLogo = document.getProperty('customLogo') %}
  25. {% set renderer = pimcore_nav_renderer('menu') %}
  26. {% set megaMenu = get_mega_menu() %}
  29. <header class="sticky top-0 bg-stwh-rot-2024 z-50" >
  30.     <nav x-data="mainMenu" class="mx-auto relative flex w-full justify-between lg:justify-center container 2xl:space-x-4 items-center px-6 py-3" aria-label="Global"  >
  31.         <div class="flex relative z-20">
  32.             <a href="/" class="-m-1.5 p-1.5 w-[200px] focus:outline focus:outline-white focus:rounded-lg p-1">
  33.                 <img class="h-auto w-full" src="{{ customLogo ? customLogo : '/static/img/stwh_Logo_RGB_White.png' }}" alt="STWH Logo" />
  34.             </a>
  35.         </div>
  36.         <div class="flex-col flex-1 hidden lg:flex" >
  37.             <div class="flex w-full justify-between">
  38.                 <ul class="flex space-x-4 px-4 flex-wrap py-2">
  39.                     {% for item in get_meta_menu() %}
  40.                         <li class="text-[0.8rem] flex text-white items-center justify-center">
  41.                             <a href="{{ item.link }}" class="px-3 leading-relaxed focus:outline focus:outline-white focus:rounded-md"><span class="{{ item.isActive or item.hasActiveChild ? 'border-b-2 border-b-white' : 'text-link link-white' }}">{{ item.title }}</span></a>
  42.                         </li>
  43.                     {% endfor %}
  44.                 </ul>
  45.                 <div class="hidden lg:flex">
  46.                     {{ include('includes/navigation/icon-menu.html.twig') }}
  47.                 </div>
  48.             </div>
  49.             <div class="vue-wrapper flex w-full" >
  50.                 <mainmenu :menu-items="{{ get_mega_menu()| json_encode }}"></mainmenu>
  51.             </div>
  52.         </div>
  53.         <div class="block lg:hidden flex items-center space-x-2">
  54.                 {% include 'includes/navigation/icon-menu-item.html.twig' with {'icon': 'stwh_Icons_-11', 'label': 'Suche'} %}
  55.                 {% include 'includes/navigation/icon-menu-item.html.twig' with {'icon': 'stwh_Icons_-02', 'label': 'Services'} %}
  56.                 <div class="vue-wrapper ">
  57.                     <mobilemenu  :menu-items="{{ get_mega_menu()| json_encode }}"  :meta-items="{{ get_meta_menu()| json_encode }}"></mobilemenu>
  58.                 </div>
  59.         </div>
  60.     </nav>
  61. </header>