custom/plugins/DmSanettaTheme/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. {# Mega-Menu #}
  4. {% block layout_navigation_flyout_categories %}
  5.     <div class="{% if category.media %}col-8 col-xl-8{% else %}col{% endif %}">
  6.         <div class="navigation-flyout-categories">
  7.             {% block layout_navigation_flyout_categories_recoursion %}
  8.                 {% sw_include '@Storefront/storefront/layout/navigation/categories.html.twig' with {
  9.                     navigationTree: navigationTree.children,
  10.                     navigationMedia: category.media,
  11.                     page: page
  12.                 } only %}
  13.             {% endblock %}
  14.         </div>
  15.     </div>
  16. {% endblock %}
  19. {# Topseller/Teaser-Image #}
  20. {% block layout_navigation_flyout_teaser %}
  21.     {% set customFields = category.translated.customFields %}
  22.     {% set topSeller = getProductByID(customFields.custom_category_mega_menu_top_seller|trans|sw_sanitize, context.context) %}
  23.     {% set colors = topSeller.getProperties().groupByPropertyGroups().filterByProperty('name', 'color').first().getOptions().jsonSerialize() %}
  24.     {% if topSeller %}
  25.         <div class="col-4 col-xl-4">
  26.             <p class="nav-item nav-link navigation-flyout-link is-level-0">{{ 'sanetta.header.navigation.topseller.headline' | trans | sw_sanitize }}</p>
  27.             <div class="dm_main-navigation-topseller">
  28.                 <div class="dm_main-navigation-topseller__image">
  29.                     <img src="{{ topSeller.media.elements[topSeller.coverId].media.url }}">
  30.                 </div>
  31.                 <div class="dm_main-navigation-topseller__text">
  32.                     <p>{{ topSeller.translated.name }}</p>
  33.                     <ul class="list-unstyled">
  34.                         {% for color in colors %}
  35.                             <li>{{ color.name }}</li>
  36.                         {% endfor %}
  37.                     </ul>
  38.                     <p>{{ topSeller.price.elements|first.gross }} €</p>
  40.                     {% if topSeller.children.count() > 0 %}
  41.                         {% set linkableProductId = topSeller.children.first().id %}
  42.                     {% else %}
  43.                         {% set linkableProductId = topSeller.id %}
  44.                     {% endif %}
  46.                     <a class="btn btn-primary btn-sm" href="{{ seoUrl('frontend.detail.page', {'productId': linkableProductId}) }}" title="{{ topSeller.translated.name }}">
  47.                         {{ 'sanetta.header.navigation.topseller.button' | trans | sw_sanitize }}
  48.                     </a>
  49.                 </div>
  50.             </div>
  51.         </div>
  52.     {% else %}
  53.         {% if category.media %}
  54.             <div class="col-4 col-xl-3">
  55.                 <div class="navigation-flyout-teaser">
  56.                     {% block layout_navigation_flyout_teaser_image %}
  57.                         <a class="navigation-flyout-teaser-image-container"
  58.                            href="{{ category_url(category) }}"
  59.                            {% if category_linknewtab(category) %}target="_blank"{% endif %}
  60.                            title="{{ name }}">
  61.                             {% sw_thumbnails 'navigation-flyout-teaser-image-thumbnails' with {
  62.                                 media: category.media,
  63.                                 sizes: {
  64.                                     'default': '310px'
  65.                                 },
  66.                                 attributes: {
  67.                                     'class': 'navigation-flyout-teaser-image',
  68.                                     'alt': (category.media.translated.alt ?: ''),
  69.                                     'title': (category.media.translated.title ?: ''),
  70.                                     'data-object-fit': 'cover'
  71.                                 }
  72.                             } %}
  73.                         </a>
  74.                     {% endblock %}
  75.                 </div>
  76.             </div>
  77.         {% endif %}
  78.     {% endif %}
  79. {% endblock %}