templates/front/base/header/shop/desktop/menu_category.html.twig line 1

Open in your IDE?
  1. <div class="menu-category">
  2.     <ul class="category-list">
  3.         {% for taxonomyLevel1 in taxonomyTree %}
  4.             <li class="category" id="{{ taxonomyLevel1.id }}" data-category="{{ taxonomyLevel1.id }}">
  5.                 <a class="category-container" href="{{ taxonomyLevel1.link }}">
  6.                     <p>
  7.                         <i class="icon-menu-{{ taxonomyLevel1.id }} icon fitted"></i>
  8.                         <strong>{{ taxonomyLevel1.name }}</strong>
  9.                     </p>
  10.                     <i class="fa-solid fa-chevron-right fa-xs"></i>
  11.                 </a>
  12.             </li>
  13.         {% endfor %}
  14.     </ul>
  15.     <div class="category-child-list-container">
  16.         <div class="category-child-list">
  17.             <div class="category-child-container">
  18.                 <ul class="category-grand-child-list">
  19.                     {% for link in featured_links %}
  20.                         <li class="category-grand-child">
  21.                             <a class="category-item" href="{{ link.url }}">
  22.                                 <p>
  23.                                     <strong>{{ link.name }}</strong>
  24.                                     <i class="fa-solid fa-chevron-right fa-xs"></i>
  25.                                 </p>
  26.                             </a>
  27.                         </li>
  28.                     {% endfor %}
  29.                 </ul>
  30.             </div>
  31.         </div>
  32.         {% for taxonomyLevel1 in taxonomyTree %}
  33.             <div class="category-child" id={{ "category-child-"~taxonomyLevel1.id }}>
  34.                 <div class="category-child-list">
  35.                     <p class="category-child-list-title">{{ taxonomyLevel1.name }}</p>
  36.                     <div class="category-child-container">
  37.                         <ul class="category-grand-child-list">
  38.                             {% for taxonomyLevel2 in taxonomyLevel1.childs %}
  39.                                 <li class="category-grand-child">
  40.                                     <a class="category-item" href="{{ taxonomyLevel2.link }}">
  41.                                         <p>
  42.                                             <strong>{{ taxonomyLevel2.name }}</strong>
  43.                                             <i class="fa-solid fa-chevron-right fa-xs"></i>
  44.                                         </p>
  45.                                     </a>
  46.                                 </li>
  47.                             {%  endfor %}
  48.                         </ul>
  49.                     </div>
  50.                 </div>
  51.                 <div class="category-image">
  52.                     <i class="icon-menu-{{ taxonomyLevel1.id }} icon fitted"></i>
  53.                 </div>
  54.             </div>
  55.         {% endfor %}
  56.     </div>
  57. </div>