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

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/layout/navigation/flyout.html.twig' %}
  4. {% block layout_navigation_flyout %}
  5.     {% set navTreeChildrens= navigationTree.children %}
  6.     {% set name = category.translated.name %}
  7.     {% block layout_navigation_flyout_bar %}
  8.     {% endblock %}
  10.     {% block layout_navigation_flyout_content %}
  11.         <div class="row navigation-flyout-content">
  12.         {% block layout_navigation_flyout_categories %}
  13.             <div class="{% if category.media %}col-3{% else %}col-3{% endif %} p-0">
  14.                 <div class="navigation-flyout-categories">
  15.                     {% block layout_navigation_flyout_categories_recoursion %}
  17.                         {% for treeItem in navTreeChildrens %}
  18.                             {% set isOpen = loop.index0 is same as(0) %}
  19.                             {% set category = treeItem.category %}
  20.                             {% set name = category.translated.name %}
  22.                             {# @deprecated tag:v6.5.0 - Use "category.id" directly instead. #}
  23.                             {% set categorId = category.id %}
  25.                             {% block layout_main_navigation_menu_item %}
  26.                                 {% if category.type == 'folder' %}
  27.                                     <div class="nav-link main-navigation-link"
  28.                                                 data-flyout-category-trigger="{{ category.id }}"
  29.                                          title="{{ name }}">
  30.                                         <div class="main-navigation-link-text">
  31.                                             <span itemprop="name">{{ name }}</span>
  32.                                         </div>
  33.                                     </div>
  34.                                 {% else %}
  35.                                     <a class="nav-link main-navigation-link {% if isOpen %} is-open{% endif %}"
  36.                                        href="{{ category_url(category) }}"
  37.                                        itemprop="url"
  38.                                        data-flyout-category-trigger="{{ category.id }}"
  39.                                             {% if category_linknewtab(category) %}target="_blank"{% endif %}
  40.                                        title="{{ name }}">
  41.                                         <div class="main-navigation-link-text">
  42.                                             <span itemprop="name">{{ name }}</span>
  43.                                         </div>
  44.                                     </a>
  45.                                 {% endif %}
  46.                             {% endblock %}
  47.                         {% endfor %}
  48.                     {% endblock %}
  49.                 </div>
  50.             </div>
  51.         {% endblock %}
  54.         {% for treeItem in navTreeChildrens %}
  55.             {% set isOpen = loop.index0 is same as(0) %}
  57.             {% set customFields =  treeItem.category.customFields %}
  58.             {% set banner = customFields.custom_category_menu_banner_img %}
  59.             {% if banner %}
  60.                 {% set iconMediaId = customFields.custom_category_menu_banner_img %}
  62.                 {% set media = searchMedia([iconMediaId], context.context) %}
  63.                 {% set icon = media.get(iconMediaId) %}
  64.             {% endif %}
  65.             <div class="navigation-flyout-category-wrapper col-9 row m-0 p-0 {% if isOpen %}is-open{% endif %}"
  66.                  data-flyout-category-id="{{ treeItem.category.id }}"
  67.             >
  68.                 <div class="row m-0">
  69.                     <div class="category-card-section {% if banner %} col-8 {% else %} col-12 {% endif %} {% if treeItem.children == false %}d-none {% endif%} ">
  70.                         <span class="main-category-name">{{ treeItem.category.translated.name }}</span>
  71.                         <div class="row m-0">
  72.                             {% for subcategory in treeItem.children %}
  73.                                 {% if subcategory.category.mediaId %}
  74.                                     {% set imgMediaId  = subcategory.category.mediaId %}
  76.                                     {% set media = searchMedia([imgMediaId], context.context) %}
  77.                                     {% set img = media.get(imgMediaId) %}
  78.                                 {% endif %}
  80.                                 <div class="col-4 category-card">
  81.                                     <a href="{{ category_url(subcategory.category) }}" class="category-card-wrapper">
  83.                                         {% sw_thumbnails 'product-image-thumbnails' with {
  84.                                             media: img,
  85.                                             sizes: {
  86.                                                 'xs': '218px',
  87.                                                 'sm': '218px',
  88.                                                 'md': '218px',
  89.                                                 'lg': '218px',
  90.                                                 'xl': '218px',
  91.                                             },
  92.                                         attributes: {
  93.                                             'class': 'category-card-image',
  94.                                                 'alt': ( subcategory.category.translated.name  ?: ''),
  95.                                             }
  97.                                         } %}
  99.                                         <span class="category-card-name">{{ subcategory.category.translated.name }}</span>
  100.                                     </a>
  101.                                 </div>
  102.                             {% endfor %}
  103.                         </div>
  104.                     </div>
  106.                     {% block layout_navigation_flyout_teaser %}
  108.                         {% if banner %}
  109.                         <div class="category-banner {% if treeItem.children == false %}col-12 {% else %} col-4{% endif %}">
  110.                             <div class="navigation-flyout-teaser">
  111.                                 <span class="category-banner-headline">{{ customFields.custom_category_menu_banner_headline }}</span>
  112.                                 {% block layout_navigation_flyout_teaser_image %}
  113.                                     <a class="navigation-flyout-teaser-image-container {% if treeItem.children == false %}mw-100 {% endif %} "
  114.                                        href="{{ customFields.custom_category_menu_banner_url }}">
  115.                                         <img src="{{ icon.url }}" class="navigation-flyout-teaser-image"
  116.                                              data-object-fit="cover">
  117.                                     </a>
  118.                                 {% endblock %}
  119.                             </div>
  120.                         </div>
  121.                         {% endif %}
  122.                     {% endblock %}
  123.                 </div>
  124.             </div>
  125.         {% endfor %}
  127.     {% endblock %}
  128.     </div>
  129. {% endblock %}