custom/plugins/zenitPlatformStratus/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_bar %}
  4.     {% if theme_config('zen-flyout-navigation-header') %}
  5.         {{ parent() }}
  6.     {% endif %}
  7. {% endblock %}
  9. {% block layout_navigation_flyout_categories %}
  10.     <div class="{% if category.media and theme_config('zen-flyout-navigation-teaser') %}col-8 col-xl-9{% else %}col{% endif %}">
  11.         <div class="navigation-flyout-categories">
  12.             {{ block('layout_navigation_flyout_categories_recoursion') }}
  13.         </div>
  14.     </div>
  15. {% endblock %}
  17. {% block layout_navigation_flyout_teaser %}
  18.     {% if theme_config('zen-flyout-navigation-teaser') %}
  19.         {{ parent() }}
  20.     {% endif %}
  21. {% endblock %}
  23. {% block layout_navigation_flyout_teaser_image %}
  24.     {% set attributes = {
  25.         'class': 'navigation-flyout-teaser-image',
  26.         'alt': (category.media.translated.alt ?: ''),
  27.         'title': (category.media.translated.title ?: ''),
  28.         'data-object-fit': 'cover'
  29.     } %}
  31.     {# ... enables lazy loading for images #}
  32.     {% if config('zenitPlatformStratus.config.lazyloading') %}
  33.         {% set attributes = attributes|merge({ 'loading': 'lazy' }) %}
  34.     {% endif %}
  36.     <a class="navigation-flyout-teaser-image-container"
  37.        href="{{ category_url(category) }}"
  38.        {% if category_linknewtab(category) %}target="_blank"{% endif %}
  39.        title="{{ name }}">
  40.         {% sw_thumbnails 'navigation-flyout-teaser-image-thumbnails' with {
  41.             media: category.media,
  42.             sizes: {
  43.                 'default': '310px'
  44.             }
  45.         } %}
  46.     </a>
  47. {% endblock %}