custom/plugins/FullscreenMenu/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 %}
  4.     <script src="https://code.jquery.com/jquery-3.6.3.min.js" integrity="sha256-pvPw+upLPUjgMXY0G+8O0xUf+/Im1MZjXxxgOcBQBXU=" crossorigin="anonymous"></script>
  5.     <script>
  6.         var j$ = jQuery.noConflict();
  7.         j$(document).ready(function(){
  8.             j$("#fullscreen-nav-toggle").click(function(){
  9.                 j$("body").toggleClass("open");
  10.                 j$("#nav-icon").toggleClass('clicked');
  11.                 j$(".fullscreen-nav").fadeToggle();
  12.             });
  13.         });
  14.     </script>
  16.     <div class="fullscreen-nav">
  17.         
  18.         <div class="fullscreen-nav-inner">
  20.             {% block layout_main_navigation_menu_items %}
  21.                 {% set activePath = page.header.navigation.active.path %}
  23.                 {% for treeItem in page.header.navigation.tree %}
  24.                     <div class="fullscreen-nav-item">
  25.                         {% set category = treeItem.category %}
  26.                         {% set name = category.translated.name %}
  28.                         {# @deprecated tag:v6.5.0 - Use "category.id" directly instead. #}
  29.                         {% set categorId = category.id %}
  31.                         {% block layout_main_navigation_menu_item %}
  32.                             {% if category.type == 'folder' %}
  33.                                 <div class="nav-link main-navigation-link"
  34.                                     {% if treeItem.children|length > 0 %}
  35.                                         data-flyout-menu-trigger="{{ category.id }}"
  36.                                     {% endif %}
  37.                                         title="{{ name }}">
  38.                                     <div class="main-navigation-link-text">
  39.                                         <span itemprop="name">{{ name }}</span>
  40.                                     </div>
  41.                                 </div>
  42.                             {% else %}
  43.                                 <a class="nav-link main-navigation-link{% if category.id == page.header.navigation.active.id or category.id in activePath %} active{% endif %}"
  44.                                     href="{{ category_url(category) }}"
  45.                                     itemprop="url"
  46.                                     {% if treeItem.children|length > 0 %}data-flyout-menu-trigger="{{ category.id }}"{% endif %}
  47.                                     {% if category_linknewtab(category) %}target="_blank"{% endif %}
  48.                                     title="{{ name }}">
  49.                                     <div class="main-navigation-link-text">
  50.                                         <span itemprop="name">{{ name }}</span>
  51.                                     </div>
  52.                                 </a>
  53.                             {% endif %}
  54.                         {% endblock %}
  55.                     </div>
  56.                 {% endfor %}
  57.             {% endblock %}
  58.         </div>
  59.     </div>
  61. {% endblock %}