vendor/zenit/gravity-set-2/src/Resources/views/storefront/layout/navigation/flyout.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@zenitPlatformGravity/storefront/layout/navigation/flyout.html.twig' %}
  4. {% block layout_navigation_flyout_bar %}
  5.     {% if theme_config('zen-flyout-navigation-header') %}
  6.         {{ parent() }}
  7.     {% endif %}
  8. {% endblock %}
  10. {% block layout_navigation_flyout_categories %}
  11.     <div class="{% if category.media and theme_config('zen-flyout-navigation-teaser') %}col-8 col-xl-9{% else %}col{% endif %}">
  12.         <div class="navigation-flyout-categories">
  13.             {{ block('layout_navigation_flyout_categories_recoursion') }}
  14.         </div>
  15.     </div>
  16. {% endblock %}
  18. {% block layout_navigation_flyout_teaser %}
  19.     {% if theme_config('zen-flyout-navigation-teaser') %}
  20.         {{ parent() }}
  21.     {% endif %}
  22. {% endblock %}
  24. {% block layout_navigation_flyout_teaser_image %}
  26.     {# {{dump(category)}} #}
  28.     {% set navigationImage = category.extensions.navigationImage ?? null %}
  29.     {% set teaserMedia = navigationImage ?: category.media %}
  31.     {% set attributes = {
  32.         'class': 'navigation-flyout-teaser-image',
  33.         'alt': (teaserMedia.translated.alt ?: ''),
  34.         'title': (teaserMedia.translated.title ?: ''),
  35.         'data-object-fit': 'cover'
  36.     } %}
  38.     {% if config('zenitPlatformGravity.config.lazyloading') %}
  39.         {% set attributes = attributes|merge({ 'loading': 'lazy' }) %}
  40.     {% endif %}
  42.     <a class="navigation-flyout-teaser-image-container" href="{{ category_url(category) }}" {% if category_linknewtab(category) %} target="_blank" {% endif %} title="{{ name }}">
  43.         {% sw_thumbnails 'navigation-flyout-teaser-image-thumbnails' with {
  44.             media: teaserMedia,
  45.             sizes: {
  46.                 'default': '310px'
  47.             }
  48.         } %}
  49.     </a>
  50. {% endblock %}