custom/plugins/VKTheme/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' %}
  3. {% block layout_navigation_flyout %}
  4.     {% set category = navigationTree.category %}
  5.     {% set name = category.translated.name %}
  8.     {% block layout_navigation_flyout_bar %}
  9.         <div class="navigation-flyout-bar">
  10.             {% block layout_navigation_flyout_bar_category %}
  11.                 <div class="navigation-flyout-category-link">
  12.                     {% block layout_navigation_flyout_bar_category_link %}
  13.                         {% if category.type == 'page' %}
  14.                             <a class="flyout-header"
  15.                                href="{{ seoUrl('frontend.navigation.page', { navigationId: category.id }) }}"
  16.                                itemprop="url"
  17.                                title="{{ name }}">
  18.                                 {% block layout_navigation_flyout_bar_category_link_text %}
  19.                                     {{ name }}
  20.                                 {% endblock %}
  21.                             </a>
  22.                         {% endif %}
  23.                     {% endblock %}
  24.                 </div>
  25.             {% endblock %}
  26.         </div>
  27.     {% endblock %}
  29.     {% block layout_navigation_flyout_content %}
  30.         <div class="row my-3 px-3" style="display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px 0;">
  31.             {% for item in navigationTree.children %}
  32.                 <div class="flyout-content">
  33.                     <div class="d-flex" style="flex-direction:column;align-items:center;">
  34.                         <span class="">
  35.                             <a href="{{ category_url(item.category) }}">
  36.                                 {% if item.category.media.url %}
  37.                                     <img class="flyout-child-img" src="{{ item.category.media.url }}" loading="lazy" height="100" style="width:100%;opacity:1;">
  38.                                 {% else %}
  39.                                     <div style="height:80px;width:100%;border:1px solid orange;border-radius:5px;"> </div>
  40.                                 {% endif %}
  41.                             </a>
  42.                         </span>
  43.                         <a class="" href="{{ category_url(item.category) }}" style="font-size:larger;">
  44.                             {{ item.category.name }}
  45.                         </a>
  46.                         {% for item2 in item.children %}
  47.                             <div class="">
  48.                                 <div style="display:grid;justify-items:center;">
  49.                                     {% if item2.category.media.url %}<img src="{{ item2.category.media.url }}" alt="" height="50">{% endif %}
  50.                                     <small><a href="{{ category_url(item2.category) }}" style="font-weight:400;font-size:12px;">{{ item2.category.name }}</a></small>
  51.                                 </div>
  52.                             </div>
  53.                         {% endfor %}
  54.                     </div>
  55.                 </div>
  56.             {% endfor %}
  57.         </div>
  87.     {% endblock %}
  88. {% endblock %}