templates/layouts/navigation/navbar.html.twig line 1

Open in your IDE?
  1. {#
  2. {% set navStartNode = buildNavigation() %}
  3. {% set mainNavigation = pimcore_build_nav({active: document, root: navStartNode}) %}
  5. {% set menuRenderer = pimcore_nav_renderer('menu') %}
  7. <nav class="navbar navbar-expand-lg navbar-light bg-light">
  8.     <a class="navbar-brand" href="#">{{ 'Navbar'|trans }}</a>
  9.     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
  10.         <span class="navbar-toggler-icon"></span>
  11.     </button>
  12.     <div class="collapse navbar-collapse" id="navbarNavDropdown">
  13.         <ul class="navbar-nav ms-auto mb-2 mb-lg-0 mt-3">
  14.             {% for page in mainNavigation %}
  16.                 {% if page.isVisible() and menuRenderer.accept(page) %}
  17.                     {% set hasChildren = page.hasPages() %}
  18.                     {% set documentId = page.getId() %}
  19.                     {% set document = fetchDocument(documentId) %}
  20.                     {% set excludeChildren = document.getProperty('exclude_childs') %}
  22.                     {% if not hasChildren or excludeChildren %}
  23.                         <li class="nav-item {% if page.isActive() %}active{% endif %}">
  24.                             <a class="nav-link" href="{{ page.getHref() }}">{{ page.getLabel() }}</a>
  25.                         </li>
  26.                     {% else %}
  27.                         <li class="nav-item {% if page.IsActive() %}active{% endif %} dropdown">
  28.                             <a class="nav-link dropdown-toggle" href="{{ page.getHref() }}" role="button"
  29.                                data-bs-toggle="dropdown" aria-haspopup="true"
  30.                                aria-expanded="false">{{ page.getLabel() }}</a>
  31.                             <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
  32.                                 {% for child in page.getPages() %}
  33.                                     {% if child.isVisible() and menuRenderer.accept(child) %}
  34.                                         <li>
  35.                                             <a class="dropdown-item"
  36.                                                href="{{ child.getHref() }}">{{ child.getLabel() }}</a></li>
  37.                                     {% endif %}
  38.                                 {% endfor %}
  39.                             </ul>
  40.                         </li>
  41.                     {% endif %}
  42.                 {% endif %}
  43.             {% endfor %}
  44.         </ul>
  46.         {% include 'layouts/navigation/language.html.twig' %}
  49.         {{ render(controller('AccountBundle\\Controller\\AccountController::loginLogoutAction', [])) }}
  50.     </div>
  51. </nav>
  52. #}
  54. {#{% include 'layouts/layout/searchbar.html.twig' %}#}
  56. {% set navStartNode = buildNavigation() %}
  57. {% set mainNavigation = pimcore_build_nav({active: document, root: navStartNode}) %}
  60. {% set menuRenderer = pimcore_nav_renderer('menu') %}
  62. <header id="header" class="{% if not editmode %}fixed-top{% endif %}">
  63.     <div class="container {% if not editmode %}nav-top{% endif %} {#{% if not editmode %}data-aos="fade-down"{% endif %}#}">
  64.         <div class="position-relative">
  67.             <div class="user-menu hstack gap-1">
  69.                 <div class="col-12 col-md col-lg col-xl d-none d-lg-block d-md-block d-xl-block">
  70.                     {{ render(controller('App\\Controller\\SearchController::NavBarSearch')) }}
  71.                 </div>
  75.                     {# Remove this line if no AccountBundle is installed #}
  76.                     {{ render(controller('AccountBundle\\Controller\\AccountController::loginLogoutAction', [])) }}
  78.                     {% include 'cart/cart-nav-icon.html.twig' %}
  80.                     <a href="{{ 'footer_link_facebook'|trans }}" target="_blank" class="me-1"><i class="fab fa-facebook fs-4"></i></a>
  85.                 {#{% include 'layouts/navigation/language.html.twig' %}#}
  88.             </div>
  91.             <nav class="navbar navbar-light navbar-expand-lg">
  92.                 <a class="navbar-brand" href="/{{ app.request.locale|replace({ '_': '-' }) }}">
  93.                     {#{{ 'Navbar'|trans }}#}
  94.                     <img src="{{ pimcore_website_config('site_logo') }}"
  95.                          alt="{{ pimcore_website_config('site_title') }}"
  96.                          class="img-fluid">
  97.                 </a>
  98.                 <button class="navbar-toggler mt-4 me-3" type="button" data-bs-toggle="collapse"
  99.                         data-bs-target="#navbarSupportedContent"
  100.                         aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
  101.                     <span class="material-icons-outlined">
  102. menu
  103. </span>
  104.                 </button>
  106.                 <div class="collapse navbar-collapse" id="navbarSupportedContent">
  107.                     <ul class="navbar-nav ms-auto {# mb-2 mb-lg-0 mt-3 #}">
  109.                         {#
  110.                         <li class="nav-item">
  111.                             <a class="nav-link" href="/{{ app.request.locale|replace({ '_': '-' }) }}"><span><i class="fas fa-home"></i></span></a>
  112.                         </li>#}
  114.                         {% for page in mainNavigation %}
  115.                             {# here need to manually check for ACL conditions #}
  116.                             {% if page.isVisible() and menuRenderer.accept(page) %}
  117.                                 {% set hasChildren = page.hasPages() %}
  118.                                 {% set documentId = page.getId() %}
  119.                                 {% set document = fetchDocument(documentId) %}
  120.                                 {% set excludeChildren = document.getProperty('exclude_childs') %}
  121.                                 {% set documentProperty = document.getProperty('extra_menu') %}
  123.                                 {% if (not hasChildren or excludeChildren) and not documentProperty %}
  124.                                     <li class="nav-item {% if page.isActive() %}active{% endif %}">
  125.                                         <a class="nav-link"
  126.                                            href="{{ page.getHref() }}"><span>{{ page.getLabel() }}</span></a>
  127.                                     </li>
  128.                                 {% else %}
  129.                                     <li class="nav-item {% if page.IsActive() %}active{% endif %} dropdown">
  130.                                         <a class="nav-link dropdown-toggle" href="{{ page.getHref() }}" role="button"
  131.                                            data-bs-toggle="dropdown" aria-haspopup="true"
  132.                                            aria-expanded="false"><span>{{ page.getLabel() }}</span></a>
  133.                                         <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
  134.                                             {% if documentProperty is not empty %}
  135.                                                 {% if documentProperty == 'productGroup' %}
  136.                                                     {% set getProductGroups = app_product_fetchGroupData('productGroup') %}
  137.                                                     {% for getProductGroup in getProductGroups %}
  138.                                                         {% set detailLink = app_product_grouplink(getProductGroup) %}
  139.                                                         <li>
  140.                                                             <a class="dropdown-item" href="{{ detailLink }}">
  141.                                                                 {% if getProductGroup.combinedCategoryName is not empty %}
  142.                                                                     {{ getProductGroup.combinedCategoryName|capitalize }}
  143.                                                                 {% else %}
  144.                                                                     {{ getProductGroup.oms|capitalize }}
  145.                                                                 {% endif %}
  146.                                                             </a>
  147.                                                         </li>
  148.                                                     {% endfor %}
  149.                                                 {% endif %}
  150.                                             {% else %}
  151.                                                 {% for child in page.getPages() %}
  152.                                                     {% if child.isVisible() and menuRenderer.accept(child) %}
  153.                                                         <li>
  154.                                                             <a class="dropdown-item" href="{{ child.getHref() }}">
  155.                                                                 {{ child.getLabel() }}
  156.                                                             </a>
  157.                                                         </li>
  158.                                                     {% endif %}
  159.                                                 {% endfor %}
  160.                                             {% endif %}
  161.                                         </ul>
  162.                                     </li>
  163.                                 {% endif %}
  164.                             {% endif %}
  165.                         {% endfor %}
  166.                     </ul>
  167.                 </div>
  168.             </nav>
  169.         </div><!--end container relative-->
  170.         <div class="col-12 col-md-6 col-lg-6 col-xl-6 px-5 d-lg-none d-md-none d-xl-none">
  171.             {{ render(controller('App\\Controller\\SearchController::NavBarSearch')) }}
  172.         </div>
  173.     </div>
  174.     <script>
  175.         const inputElement = document.getElementById('form_query');
  177.         if (inputElement.value.trim() === '') {
  178.             {% if query is defined %}
  179.             inputElement.value = "{{ query }}";
  180.             {% endif %}
  181.         }
  183.     </script>
  184. </header>