custom/apps/AtlKatanaTheme/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 %}{% endblock %}
  5. {% block layout_navigation_flyout_categories %}
  6.     <div class="col-12 col-xl navigation-flyout-categories is-root">
  7.         {% block layout_navigation_flyout_categories_recoursion %}
  8.             {{ parent() }}
  9.         {% endblock %}
  11.         {% block layout_navigation_flyout_description %}
  12.             {% if theme_config('atl-header-navigation-flyout-show-description') == 'true' and category.translated.description %}
  13.                 <div class="navigation-flyout-description">
  14.                     {{ category.translated.description|raw }}
  15.                 </div>
  16.             {% endif %}
  17.         {% endblock %}
  18.     </div>
  19. {% endblock %}
  21. {% block layout_navigation_flyout_teaser %}
  22.     {% set teaserImages = [{
  23.         imageId: category.translated.customFields.atl_katana_theme_flyout_image_first,
  24.         link: category.translated.customFields.atl_katana_theme_flyout_image_first_link,
  25.         subtitle: category.translated.customFields.atl_katana_theme_flyout_image_first_subtitle
  26.     }, {
  27.         imageId: category.translated.customFields.atl_katana_theme_flyout_image_second,
  28.         link: category.translated.customFields.atl_katana_theme_flyout_image_second_link,
  29.         subtitle: category.translated.customFields.atl_katana_theme_flyout_image_second_subtitle
  30.     }, {
  31.         imageId: category.translated.customFields.atl_katana_theme_flyout_image_third,
  32.         link: category.translated.customFields.atl_katana_theme_flyout_image_third_link,
  33.         subtitle: category.translated.customFields.atl_katana_theme_flyout_image_third_subtitle
  34.     }]
  35.     %}
  37.     <div class="col-12 col-xl-auto navigation-flyout-teaser">
  38.         {% for teaserImage in teaserImages %}
  39.             {% if teaserImage.imageId %}
  40.                 {% set imageCollection = searchMedia([teaserImage.imageId], context.context) %}
  41.                 {% set imageEntity = imageCollection.get(teaserImage.imageId) %}
  42.                 {% set teaserImage = teaserImage|merge({ image: imageEntity}) %}
  44.                 {% block layout_navigation_flyout_teaser_container %}
  45.                     <div class="col navigation-flyout-column is-level-0">
  46.                         {% if teaserImage.link %}<a href="{{ teaserImage.link }}" title="{{ teaserImage.image.translated.title }}" class="text-decoration-none">{% endif %}
  47.                             {% block layout_navigation_flyout_teaser_image %}
  48.                                 {% sw_thumbnails 'navigation-flyout-teaser-image-thumbnails' with {
  49.                                     media: teaserImage.image,
  50.                                     attributes: {
  51.                                         'alt': (teaserImage.image.translated.alt ?: ''),
  52.                                         'title': (teaserImage.image.translated.title ?: '')
  53.                                     }
  54.                                 } %}
  55.                             {% endblock %}
  57.                             {% block layout_navigation_flyout_teaser_subtitle %}
  58.                                 {% if teaserImage.subtitle %}
  59.                                     <div class="navigation-flyout-column-subtitle">
  60.                                         {{ teaserImage.subtitle }}
  61.                                     </div>
  62.                                 {% endif %}
  63.                             {% endblock %}
  64.                             {% if teaserImage.link %}</a>{% endif %}
  65.                     </div>
  66.                 {% endblock %}
  67.             {% endif %}
  68.         {% endfor %}
  69.     </div>
  70. {% endblock %}