custom/plugins/SalvanaPferde2022/src/Resources/views/storefront/layout/navigation/navigation.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/layout/navigation/navigation.html.twig' %}
  3. {% block layout_main_navigation %}
  5.     <div class="main-navigation"
  6.          id="mainNavigation"
  7.          data-flyout-menu="true">
  8.         {% block layout_main_navigation_navbar %}
  9.           <div class="container">
  10.             {% block layout_main_navigation_menu %}
  11.               <ul class="nav main-navigation-menu justify-content-end"
  12.                   itemscope="itemscope"
  13.                   itemtype="http://schema.org/SiteNavigationElement">
  14.                   <li class="nav-item position-relative">
  15.                     <div class="d-lg-inline navigation-search-container">
  16.                       {% sw_include '@Salvana_Master/storefront/layout/header/navigation_search.html.twig' %}
  17.                     </div>
  18.                     <div class="search-toggle">
  19.                       <button class="btn header-actions-btn search-toggle-btn js-search-toggle-btn collapsed"
  20.                               type="button"
  21.                               data-toggle="collapse"
  22.                               data-target="#searchCollapse"
  23.                               aria-expanded="false"
  24.                               aria-controls="searchCollapse"
  25.                               aria-label="{{ "header.searchButton"|trans|striptags }}">
  26.                                     <span class="icon icon-search icon-light">
  27.              <svg xmlns="http://www.w3.org/2000/svg" width="22.998" height="23.002">
  28.   <path data-name="Pfad 1497" d="M22.685 19.887l-4.478-4.479a1.077 1.077 0 00-.764-.314h-.732a9.3 9.3 0 001.977-5.75A9.342 9.342 0 009.344 0 9.342 9.342 0 000 9.344a9.342 9.342 0 009.344 9.344 9.3 9.3 0 005.75-1.977v.732a1.077 1.077 0 00.314.764l4.479 4.479a1.074 1.074 0 001.523 0l1.271-1.271a1.083 1.083 0 00.004-1.528zM9.344 15.094a5.747 5.747 0 01-5.75-5.75 5.747 5.747 0 015.75-5.75 5.747 5.747 0 015.75 5.75 5.747 5.747 0 01-5.75 5.75z" fill="#ffffff" color="#ffffff"></path>
  29. </svg>
  31.     </span>
  32. <span class="icon icon-x icon-light">
  33.              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
  34.   <path fill="#758CA3" fill-rule="evenodd" d="M8,6.58578644 L11.2928932,3.29289322 C11.6834175,2.90236893 12.3165825,2.90236893 12.7071068,3.29289322 C13.0976311,3.68341751 13.0976311,4.31658249 12.7071068,4.70710678 L9.41421356,8 L12.7071068,11.2928932 C13.0976311,11.6834175 13.0976311,12.3165825 12.7071068,12.7071068 C12.3165825,13.0976311 11.6834175,13.0976311 11.2928932,12.7071068 L8,9.41421356 L4.70710678,12.7071068 C4.31658249,13.0976311 3.68341751,13.0976311 3.29289322,12.7071068 C2.90236893,12.3165825 2.90236893,11.6834175 3.29289322,11.2928932 L6.58578644,8 L3.29289322,4.70710678 C2.90236893,4.31658249 2.90236893,3.68341751 3.29289322,3.29289322 C3.68341751,2.90236893 4.31658249,2.90236893 4.70710678,3.29289322 L8,6.58578644 Z" color="#ffffff"></path>
  35. </svg>
  37.     </span>
  38.                       </button>
  39.                     </div>
  40.                   </li>
  41.                 {% for treeItem in page.header.navigation.tree %}
  42.                   {% set category = treeItem.category %}
  43.                   {% set name = category.translated.name %}
  44.                   {% set categorId = category.id %}
  46.                   {% block layout_main_navigation_menu_item %}
  47.                     {% if category.type == 'folder' %}
  48.                       <li class="nav-item {% if treeItem.children|length > 0 %}dropdown{% endif %}" title="{{ name }}">
  49.                         {% if treeItem.children|length > 0 %}
  50.                           <a class="nav-link dropdown-toggle" data-toggle="dropdown"
  51.                              href="{% if category.externalLink %}{{ category.externalLink }}{% else %}{{ seoUrl('frontend.navigation.page', { navigationId: categorId }) }}{% endif %}"
  52.                              role="button" aria-haspopup="true" aria-expanded="false"><span itemprop="name">{{ name }}</span></a>
  53.                         {% else %}
  54.                           <a class="nav-link" href="#"><span itemprop="name">{{ name }}</span></a>
  55.                         {% endif %}
  56.                       </li>
  57.                     {% else %}
  58.                       <li class="nav-item {% if treeItem.children|length > 0 %}dropdown{% endif %}">
  59.                         <a class="nav-link{% if categorId is same as(page.header.navigation.active.id) %} active{% endif %}{% if treeItem.children|length > 0 %} dropdown-toggle{% endif %}"
  60.                           {% if treeItem.children|length > 0 %}data-toggle="dropdown"{% endif %}
  61.                            href="{% if category.externalLink %}{{ category.externalLink }}{% else %}{{ seoUrl('frontend.navigation.page', { navigationId: categorId }) }}{% endif %}"
  62.                            role="button" {% if treeItem.children|length > 0 %}aria-haspopup="true" aria-expanded="false"{% endif %}
  63.                            itemprop="url" title="{{ name }}"><span itemprop="name">{{ name }}</span></a>
  64.                         {% if treeItem.children|length > 0 %}
  65.                             <div class="dropdown-menu">
  66.                               {% block layout_main_navigation_menu_flyout_include %}
  67.                                 {% sw_include '@Storefront/storefront/layout/navigation/flyout.html.twig' with {navigationTree: treeItem, level: level+1} only %}
  68.                               {% endblock %}
  69.                             </div>
  70.                         {% endif %}
  71.                       </li>
  72.                     {% endif %}
  73.                   {% endblock %}
  74.                 {% endfor %}
  75.               </ul>
  76.             {% endblock %}
  77.           </div>
  78.         {% endblock %}
  80.         {% block layout_main_navigation_menu_flyout_wrapper %}{% endblock %}
  81.     </div>
  82. {% endblock %}