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 gap-40">
  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="96.734" height="16" viewBox="0 0 96.734 16">
  31.                                     <g id="Gruppe_10109" data-name="Gruppe 10109" transform="translate(-96.766 -31.5)">
  32.                                         <text id="Zurück" transform="translate(122.5 31.5)" fill="#fff" font-size="14" font-family="Ubuntu-Italic, Ubuntu" letter-spacing="0.2em" font-style="italic"><tspan x="0" y="13">ZURÜCK</tspan></text>
  33.                                         <g id="Icon_feather-arrow-right" data-name="Icon feather-arrow-right" transform="translate(97.475 34.5)">
  34.                                             <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"/>
  35.                                             <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"/>
  36.                                         </g>
  37.                                     </g>
  38.                                 </svg>
  40.                             </button>
  41.                             <p class="page-label">
  42.                                 <span>{{ page.label }}</span>
  43.                             </p>
  44.                             <ul class="second-level">
  45.                                 {% for child in page.pages %}
  46.                                     {% if (child.isVisible and menuRenderer.accept(child)) %}
  47.                                         <li class="second-li">
  48.                                             <a href="{{ child.href }}" class="act-link {{ activeClass }}">{{ child.label }}</a>
  50.                                             {#{% if not isPhone == "true" %}#}
  51.                                                 {% if child.document.getProperty('navImage') %}
  52.                                                     {#<img class="nav-page-image" src="{{ child.document.getProperty('navImage').getThumbnail('navImage') }}" alt="">#}
  53.                                                     {{ child.document.getProperty('navImage').getThumbnail('navImage').html({'imgAttributes' : {"class":"nav-page-image"}}) |raw }}
  54.                                                 {% endif %}
  55.                                             {#{% endif %}#}
  56.                                         </li>
  57.                                     {% endif %}
  58.                                 {% endfor %}
  59.                             </ul>
  60.                             <div class="image-holder"></div>
  61.                         </div>
  62.                     {% endif %}
  63.                     {% if page.hasPages %}
  64.                         <button class="nav-btn">
  65.                             <svg width="15.735" height="10.709" viewBox="0 0 15.735 10.709">
  66.                                 <g transform="translate(8 -7.146)">
  67.                                     <path d="M7.5,18h15" transform="translate(-15.5 -5.5)" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="1"/>
  68.                                     <path d="M18,7.5l5.026,5L18,17.5" transform="translate(-16.001 0)" fill="none" stroke="#fff" stroke-width="1"/>
  69.                                 </g>
  70.                             </svg>
  71.                         </button>
  72.                     {% endif %}
  73.                 </li>
  74.             {% endif %}
  75.         {% endfor %}
  76.     </ul>
  78. </nav>
  80. {#
  81. <ul class="switcher">
  82.     <li class="lang">
  83.         {% for language, link in get_localized_links(document) %}
  84.             {% if language == app.request.locale %}
  85.                 {% set active = 'is-active' %}
  86.             {% else %}
  87.                 {% set active = '' %}
  88.             {% endif %}
  89.             <a class="{{ active }}" href="{{ link.href }}">{{ language }}, {{ link.text }}</a>
  90.         {% endfor %}
  91.     </li>
  92. </ul>
  93. #}