templates/includes/navigation.html.twig line 1

Open in your IDE?
  1. {% if not document is defined or not document %}
  2.     {% set document = pimcore_document(1) %}
  3. {% endif %}
  5. {% set navStartNode = document.getProperty('navigation_root') %}
  7. {% if not navStartNode is instanceof('\\Pimcore\\Model\\Document\\Page') %}
  9.     {% if pimcore_site_is_request() %}
  10.         {% set site = pimcore_site_current() %}
  11.         {% set navStartNode = site.getRootDocument() %}
  12.     {% else %}
  13.         {% set navStartNode = pimcore_document(1) %}
  14.     {% endif %}
  16. {% endif %}
  18. {% set mainNavigation = pimcore_build_nav({active: document, root: navStartNode}) %}
  19. {% set menuRenderer = pimcore_nav_renderer('menu') %}
  20. <nav class="navigation" id="nav">
  21.     <ul class="first-level flex">
  22.         {% for page in mainNavigation %}
  23.             {% if (page.isVisible and menuRenderer.accept(page)) %}
  24.                 {% set activeClass = page.getActive(true) ? 'active' : '' %}
  25.                 <li class="first-li">
  26.                     <a href="{{ page.href }}" class="first-a {{ activeClass }}">{{ page.label }}</a>
  27.                     {% if page.hasPages %}
  28.                         <div class="sub-menu flex">
  29.                             <button class="back-nav-btn">
  30.                                 <svg width="16" height="16" viewBox="0 0 16 16">
  31.                                     <g id="Gruppe_10109" data-name="Gruppe 10109" transform="translate(-96.766 -31.5)">
  32.                                         <g id="Icon_feather-arrow-right" data-name="Icon feather-arrow-right" transform="translate(97.475 34.5)">
  33.                                             <path id="Pfad_4316" data-name="Pfad 4316" d="M22.5,18H7.5" transform="translate(-7.474 -13)" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="1"/>
  34.                                             <path id="Pfad_4317" data-name="Pfad 4317" d="M23.026,7.5,18,12.5l5.026,5" transform="translate(-18 -7.5)" fill="none" stroke="#fff" stroke-width="1"/>
  35.                                         </g>
  36.                                     </g>
  37.                                 </svg>
  38.                                 <span>Zurück</span>
  39.                             </button>
  40.                             <ul class="second-level">
  41.                                 {% for child in page.pages %}
  42.                                     {% set activeClassX = child.getActive(true) ? 'active' : '' %}
  43.                                     {% if (child.isVisible and menuRenderer.accept(child)) %}
  44.                                         <li class="second-li">
  45.                                             <a href="{{ child.href }}" class="act-link {{ activeClassX }}">{{ child.label }}</a>
  46.                                         </li>
  47.                                     {% endif %}
  48.                                 {% endfor %}
  49.                             </ul>
  51.                         </div>
  52.                     {% endif %}
  53.                     {% if page.hasPages %}
  54.                         <button class="nav-btn">
  55.                             <svg width="15.735" height="10.709" viewBox="0 0 15.735 10.709">
  56.                                 <g transform="translate(8 -7.146)">
  57.                                     <path d="M7.5,18h15" transform="translate(-15.5 -5.5)" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="1"/>
  58.                                     <path d="M18,7.5l5.026,5L18,17.5" transform="translate(-16.001 0)" fill="none" stroke="#fff" stroke-width="1"/>
  59.                                 </g>
  60.                             </svg>
  61.                         </button>
  62.                     {% endif %}
  63.                 </li>
  64.             {% endif %}
  65.         {% endfor %}
  66.     </ul>
  68. </nav>
  70. {#
  71. <ul class="switcher">
  72.     <li class="lang">
  73.         {% for language, link in get_localized_links(document) %}
  74.             {% if language == app.request.locale %}
  75.                 {% set active = 'is-active' %}
  76.             {% else %}
  77.                 {% set active = '' %}
  78.             {% endif %}
  79.             <a class="{{ active }}" href="{{ link.href }}">{{ language }}, {{ link.text }}</a>
  80.         {% endfor %}
  81.     </li>
  82. </ul>
  83. #}