templates/partials/_main-navigation.html.twig line 1

Open in your IDE?
  1. {# get root node if there is no document defined (for pages which are routed directly through static route) #}
  2. {% if not document is defined or not document %}
  3.     {% set document = pimcore_document(1) %}
  4. {% endif %}
  6. {# get the document which should be used to start in navigation | default home #}
  7. {% set navStartNode = document.getProperty('navigationRoot') %}
  8. {% set disableNavLogoLinks = document.getProperty('disableNavLogoLinks') %}
  9. {% if not navStartNode is instanceof('\\Pimcore\\Model\\Document\\Page') %}
  10.     {% set navStartNode = pimcore_document(1) %}
  11. {% endif %}
  13. {% set mainNavigation = pimcore_build_nav({ active: document, root: navStartNode }) %}
  15. <nav id="main-nav" class="main-navigation">
  16.     <div class="main-navigation-logos">
  17.         <a class="me-4" href="/"><img src="/assets/img/logos/logo-timmermanns.svg" alt="BMW Timmermanns GmbH"/></a>
  18.         {% if brandStyles == 'BMW' or brandStyles == 'BMW-M' %}
  19.             <a class="d-none d-md-block" {% if not disableNavLogoLinks %}href="/bmw"{% endif %}><img src="/assets/img/logos/logo-bmw.svg" alt="BMW"/></a>
  20.             <a class="d-none d-md-block" {% if not disableNavLogoLinks %}href="/bmw/bmw-m-modelle"{% endif %}><img src="/assets/img/logos/logo-bmw-m.svg" alt="BMW M"/></a>
  21.         {% elseif brandStyles == 'Mini' %}
  22.             <a class="d-none d-md-block" {% if not disableNavLogoLinks %}href="/mini"{% endif %}><img src="/assets/img/logos/logo-bmw-mini.svg" alt="MINI"/></a>
  23.             <a class="d-none d-md-block" {% if not disableNavLogoLinks %}href="/mini"{% endif %}><img src="/assets/img/logos/logo-bmw-jcw.svg" alt="John Cooper Works"/></a>
  24.         {% else %}
  25.             <a class="d-none d-md-block" {% if not disableNavLogoLinks %}href="/bmw"{% endif %}><img src="/assets/img/logos/logo-bmw.svg" alt="BMW"/></a>
  26.             <a class="d-none d-md-block" {% if not disableNavLogoLinks %}href="/bmw/bmw-m-modelle"{% endif %}><img src="/assets/img/logos/logo-bmw-m.svg" alt="BMW M"/></a>
  27.             <a class="d-none d-md-block" {% if not disableNavLogoLinks %}href="/mini"{% endif %}><img src="/assets/img/logos/logo-bmw-mini.svg" alt="MINI"/></a>
  28.             <a class="d-none d-md-block" {% if not disableNavLogoLinks %}href="/mini"{% endif %}><img src="/assets/img/logos/logo-bmw-jcw.svg" alt="John Cooper Works"/></a>
  29.         {% endif %}
  30.     </div>
  31.     <input type="checkbox" id="menu-toggle" class="menu-toggle v2" aria-label="Hauptmenü ein-/ausblenden" title="Hauptmenü ein-/ausblenden">
  32.     <div class="main-navigation-dropdown-holder">
  33.         <ul class="main-navigation-dropdown">
  34.             {% for page in mainNavigation %}
  35.                 {# 1st level #}
  36.                 {% if page.isVisible()  %}
  37.                     {% if not page.hasPages() %}
  38.                         <li>
  39.                             <a href="{{ page.getHref() }}">{{ page.getLabel() }}</a>
  40.                         </li>
  41.                     {% else %}
  42.                         <li>
  43.                             <input type="checkbox" class="main-navigation-dropdown-toggle"
  44.                                    aria-controls="submenu-{{ loop.index }}"
  45.                                    aria-expanded="false"
  46.                                    aria-label="{{ page.getLabel() }} Untermenü ein-/ausblenden">
  47.                             <a href="{{ page.getHref() }}">{{ page.getLabel() }}</a>
  48.                             <ul>
  49.                                 {% for child in page.getPages() %}
  50.                                     {# 2nd level #}
  51.                                     {% if child.isVisible() %}
  52.                                         {% if not child.hasPages() %}
  53.                                             <li>
  54.                                                 <a href="{{ child.getHref() }}">{{ child.getLabel() }}</a>
  55.                                             </li>
  56.                                         {% else %}
  57.                                             <li>
  58.                                                 <input type="checkbox" class="main-navigation-dropdown-toggle"
  59.                                                        aria-controls="submenu-{{ loop.index }}-{{ loop.parent.loop.index }}"
  60.                                                        aria-expanded="false"
  61.                                                        aria-label="{{ child.getLabel() }} Untermenü ein-/ausblenden">
  62.                                                 <a href="{{ child.getHref() }}">{{ child.getLabel() }}</a>
  63.                                                 <ul>
  64.                                                     {% for grandchild in child.getPages() %}
  65.                                                         {# 3nd level #}
  66.                                                         {% if grandchild.isVisible() %}
  67.                                                             <li>
  68.                                                                 <a href="{{ grandchild.getHref() }}">{{ grandchild.getLabel() }}</a>
  69.                                                             </li>
  70.                                                         {% endif %}
  71.                                                     {% endfor %}
  72.                                                 </ul>
  73.                                             </li>
  74.                                         {% endif %}
  75.                                     {% endif %}
  76.                                 {% endfor %}
  77.                             </ul>
  78.                         </li>
  79.                     {% endif %}
  80.                 {% endif %}
  81.             {% endfor %}
  82.         </ul>
  83.     </div>
  84. </nav>