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. {% if mainNavigation|length > 0 %}
  21. <nav class="navigation" id="nav">
  22. <ul class="first-level flex">
  23. {% for page in mainNavigation %}
  24. {% if (page.isVisible and menuRenderer.accept(page)) %}
  25. {% set activeClass = page.getActive(true) ? 'active' : '' %}
  26. <li class="first-li">
  27. <a href="{{ page.href }}" class="first-a {{ activeClass }}">{{ page.label }}</a>
  28. {% if page.hasPages %}
  29. <div class="sub-menu flex">
  30. <button class="back-nav-btn">
  31. <svg width="16" height="16" viewBox="0 0 16 16">
  32. <g data-name="Gruppe 10109" transform="translate(-96.766 -31.5)">
  33. <g data-name="Icon feather-arrow-right" transform="translate(97.475 34.5)">
  34. <path 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 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>
  39. <span>Zurück</span>
  40. </button>
  41. <ul class="second-level">
  42. {% for child in page.pages %}
  43. {% set activeClassX = child.getActive(true) ? 'active' : '' %}
  44. {% if (child.isVisible and menuRenderer.accept(child)) %}
  45. <li class="second-li">
  46. <a href="{{ child.href }}" class="act-link {{ activeClassX }}">{{ child.label }}</a>
  47. </li>
  48. {% endif %}
  49. {% endfor %}
  50. </ul>
  52. </div>
  53. {% endif %}
  54. {% if page.hasPages %}
  55. <button class="nav-btn">
  56. <svg width="15.735" height="10.709" viewBox="0 0 15.735 10.709">
  57. <g transform="translate(8 -7.146)">
  58. <path d="M7.5,18h15" transform="translate(-15.5 -5.5)" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="1"/>
  59. <path d="M18,7.5l5.026,5L18,17.5" transform="translate(-16.001 0)" fill="none" stroke="#fff" stroke-width="1"/>
  60. </g>
  61. </svg>
  62. </button>
  63. {% endif %}
  64. </li>
  65. {% endif %}
  66. {% endfor %}
  67. </ul>
  69. </nav>
  70. {% endif %}
  72. {#
  73. <ul class="switcher">
  74. <li class="lang">
  75. {% for language, link in get_localized_links(document) %}
  76. {% if language == app.request.locale %}
  77. {% set active = 'is-active' %}
  78. {% else %}
  79. {% set active = '' %}
  80. {% endif %}
  81. <a class="{{ active }}" href="{{ link.href }}">{{ language }}, {{ link.text }}</a>
  82. {% endfor %}
  83. </li>
  84. </ul>
  85. #}