templates/includes/header.html.twig line 1

Open in your IDE?
  1. {# get the document which should be used to start in navigation | default home #}
  2. {% set topNavStartNode = document.getProperty('top_navigation_root') %}
  4. {# Set up renderer #}
  5. {% set topNavigation = pimcore_build_nav({active: document, root: topNavStartNode}) %}
  6. {% set menuRenderer = pimcore_nav_renderer('menu') %}
  8. <header class="header header--home">
  9.     <div class="container-fluid">
  10.         <div class="row align-items-center">
  11.             <div class="col-6 col-md-6 col-lg-4 col-xl-3 pe-0">
  12.                 <a href="/" class="header-logo">
  13.                     <img class="img-fluid pt-md-0" src="{{ asset('/img/logo-simple.svg') }}" alt="logo" width="141" height="26">
  14.                 </a>
  15.             </div>
  17.             <div class="col-6 col-md-6 col-lg-8 d-flex justify-content-end ms-auto align-items-center ps-0">
  18.                 <div class="d-none d-lg-block">
  19.                     <ul class="nav nav--main pt-2">
  20.                         <li class="nav-item">
  21.                             <span class="nav-link nav-title text-uppercase">{{ 'Ik droom van een'|trans }}</span>
  22.                         </li>
  24.                         {% for page in topNavigation %}
  25.                             {% if page.isVisible() and menuRenderer.accept(page) %}
  26.                                 {% set hasChildren = page.hasPages() %}
  27.                                 {% if not hasChildren %}
  28.                                     <li class="nav-item {{ page.active ? 'active' : '' }}">
  29.                                         <a class="nav-link" href="{{ page.getHref() }}">{{ page.getLabel() }}</a>
  30.                                     </li>
  31.                                 {% else %}
  32.                                     <li class="nav-item dropdown {{ page.active ? 'active' : '' }}">
  33.                                         <a class="nav-link dropdown-toggle" href="{{ page.getHref() }}" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{{ page.getLabel() }}</a>
  34.                                         
  35.                                         <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
  36.                                             {% for child in page.getPages() %}
  37.                                                 {% if child.isVisible() and menuRenderer.accept(child) %}
  38.                                                     <a class="dropdown-item {{ child.active ? 'active' : '' }}" href="{{ child.getHref() }}">{{ child.getLabel() }}</a>
  39.                                                 {% endif %}
  40.                                             {% endfor %}
  41.                                         </div>
  42.                                     </li>
  43.                                 {% endif %}
  44.                             {% endif %}
  45.                         {% endfor %}
  46.                     </ul>
  47.                 </div>
  49.                 <ul class="nav nav--main">
  50.                     <li class="nav-item me-0">
  51.                         <a href="javascript:;" class="nav-open" id="nav-open" data-action-nav-open>
  52.                             <img src="{{ asset('/img/home.svg') }}" alt="" width="22" height="18">
  53.                             <span class="nav-open-closer">&times;</span>
  54.                         </a>
  55.                     </li>
  56.                 </ul>
  57.             </div>
  58.         </div>
  59.     </div>
  60. </header>
  62. {% include 'includes/overlay.html.twig' %}