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

Open in your IDE?
  2. {% block layout_main_navigation %}
  3.     <div class="main-navigation" id="mainNavigation" data-flyout-menu="true">
  4.         {% block layout_main_navigation_navbar %}
  5.             <div class="container">
  6.                 {% block layout_main_navigation_menu %}
  7.                     <nav class="nav main-navigation-menu" itemscope="itemscope"
  8.                          itemtype="http://schema.org/SiteNavigationElement">
  9.                         {% block layout_all_categories %}
  10.                          <div class="nav-link main-navigation-link"
  11.                                                      data-flyout-menu-trigger="f655b6a315d7483c8a2d09bd037d6a35"
  12.                                                      title="Hauptkategorien">
  13.                                                     <div class="main-navigation-link-text">
  14.                                                     <span class="icon icon-stack">
  15.                         <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24" style="color:#fff;"><defs><path d="M3 13c-.5523 0-1-.4477-1-1s.4477-1 1-1h18c.5523 0 1 .4477 1 1s-.4477 1-1 1H3zm0-7c-.5523 0-1-.4477-1-1s.4477-1 1-1h18c.5523 0 1 .4477 1 1s-.4477 1-1 1H3zm0 14c-.5523 0-1-.4477-1-1s.4477-1 1-1h18c.5523 0 1 .4477 1 1s-.4477 1-1 1H3z" id="icons-default-stack"></path></defs><use xlink:href="#icons-default-stack" fill="#fff" fill-rule="evenodd" ></use></svg>
  16.         </span>
  17.                                                         <span itemprop="name"></span>
  18.                                                     </div>
  19.                                                 </div>
  20.                                               
  21.                                              
  22.                         {% endblock %}
  23. {# 
  24.                         {% block layout_main_navigation_menu_items %}
  25.                             {% set categoriesToExclude = ['Company', 'Support', 'Tiere', 'Marken'] %} 
  26.                             {% for treeItem in page.header.navigation.tree %}
  27.                                 {% set category = treeItem.category %}
  28.                                 {% set name = category.translated.name %}
  29.                                 {% set categorId = category.id %}
  30.                                 {% if name  in categoriesToExclude  or treeItem.children|length > 0 %} 
  31.                                     {% block layout_main_navigation_menu_item %}
  32.                                         {% if category.type == 'folder' %}
  33.                                             {% if treeItem.children|length > 0 %}
  34.                                                 <div class="nav-link main-navigation-link"
  35.                                                      data-flyout-menu-trigger="{{ categorId }}"
  36.                                                      title="{{ name }}">
  37.                                                     <div class="main-navigation-link-text">
  38.                                                         <span itemprop="name">{{ name }}</span>
  39.                                                     </div>
  40.                                                 </div>
  41.                                                 <div class="navigation-flyout"
  42.                                                      data-flyout-menu-id="{{ categorId }}">
  43.                                                     <div class="container">
  44.                                                         {% sw_include '@Storefront/storefront/layout/navigation/flyout.html.twig' with {navigationTree: treeItem, level: level+1, page: page} only %}
  45.                                                     </div>
  46.                                                 </div>
  47.                                             {% endif %}
  48.                                          {% else %}
  49.                                         <a class="nav-link main-navigation-link{% if categorId is same as(page.header.navigation.active.id) %} active{% endif %}"
  50.                                            href="{% if category.translated.externalLink %}{{ category.translated.externalLink }}{% else %}{{ seoUrl('frontend.navigation.page', { navigationId: categorId }) }}{% endif %}"
  51.                                            itemprop="url"
  52.                                             {% if treeItem.children|length > 0 %}
  53.                                                 data-flyout-menu-trigger="{{ categorId }}"
  54.                                             {% endif %}
  55.                                            title="{{ name }}">
  56.                                             <div class="main-navigation-link-text">
  57.                                                 <span itemprop="name">{{ name }}</span>
  58.                                             </div>
  59.                                         </a>
  60.                                     {% endif %}
  61.                                     {% endblock %}
  62.                                 {% endif %}
  63.                             {% endfor %}
  64.                         {% endblock %} #}
  65.                          {% block layout_header_logo_new %}
  66.                         <div class="col-12 col-lg-auto header-logo-col">
  67.                 <div class="menu-items-new">
  68.                     <a href="#" class="item-with-logo">
  69.                         <img src="https://shopware.c-2158.maxcluster.net/media/12/18/d4/1728717600/meat-svgrepo-com.svg">
  70.                         <span>Unsere Produkte</span>
  71.                     </a>
  72.                     <a href="/Unser-Versprechen" class="item-with-logo">
  73.                         <img src="https://shopware.c-2158.maxcluster.net/media/12/ac/32/1728717658/love-2-svgrepo-com.svg">
  74.                         <span>Unser Versprechen</span>
  75.                     </a>
  76.                     <a href="/Unsere-Bauern" class="item-with-logo">
  77.                         <img src="https://shopware.c-2158.maxcluster.net/media/e9/a5/4d/1728717701/cow-head-outline-svgrepo-com.svg">
  78.                         <span>Unsere Bauern</span>
  79.                     </a>
  80.                     <a href="https://shopware.c-2158.maxcluster.net/fragen-antworten" class="item-with-logo">
  81.                         <img src="https://shopware.c-2158.maxcluster.net/media/51/fc/ca/1728718264/question1-svgrepo-com.svg">
  82.                         <span>Fragen & Antworten</span>
  83.                     </a>
  84.                     <a href="/Lieferung" class="item-with-logo">
  85.                         <img src="https://shopware.c-2158.maxcluster.net/media/1c/77/63/1728717730/home-1-svgrepo-com.svg">
  86.                         <span>Geschäfte & Lieferung</span>
  87.                     </a>
  88.                 </div>
  89.             </div>
  91.             {% endblock %}
  92.                     </nav>
  93.                 {% endblock %}
  94.             </div>
  95.         {% endblock %}
  97.         {% block layout_main_navigation_menu_flyout_wrapper %}
  98.             {% set navigationChildrenCount = 0 %}
  99.             {% for treeItem in page.header.navigation.tree %}
  100.                 {% if treeItem.category.childCount > 0 %}
  101.                     {% set navigationChildrenCount = navigationChildrenCount + 1 %}
  102.                 {% endif %}
  103.             {% endfor %}
  105.             {% if navigationChildrenCount > 0 %}
  106.                 {% block layout_main_navigation_menu_flyout_container %}
  107.                     <div class="navigation-flyouts">
  108.                          {% block layout_main_navigation_menu_flyouts_general %}
  109.                                     <div class="navigation-flyout-general"
  110.                                          data-flyout-menu-id="f655b6a315d7483c8a2d09bd037d6a35">
  111.                                          <div class="triagle"></div>
  112.                                         <div class="container">
  113.                                             {% block layout_main_navigation_menu_flyout_include %}
  114.                                                 {% sw_include '@Storefront/storefront/layout/navigation/general_flyout.html.twig' with {navigationTree: treeItem, level: level+1, page: page} only %}
  115.                                             {% endblock %}
  116.                                         </div>
  117.                                     </div>
  118.                         {% endblock %}
  119.                     </div>
  120.                 {% endblock %}
  121.             {% endif %}
  122.         {% endblock %}
  123.     </div>
  124. {% endblock %}
  125.  <script>
  126.       // Array of href values to hide
  127. var hrefValuesToHide = [
  128.     "Tiere"
  130. ];
  132.     // Loop through the array and hide elements with matching href values
  133.     for (var i = 0; i < hrefValuesToHide.length; i++) {
  134.         var hrefValue = hrefValuesToHide[i];
  135.         var elementsWithHref = document.querySelectorAll('a[href="' + hrefValue + '"]');
  136.         
  137.         // Loop through elements with the current href value
  138.         for (var j = 0; j < elementsWithHref.length; j++) {
  139.             var element = elementsWithHref[j];
  140.             
  141.             // Check if the element has the class "showtrue"
  142.             if (!element.classList.contains('showtrue')) {
  143.                 element.style.display = 'none';
  144.             }
  145.         }
  146.     }
  149.     </script>