custom/plugins/WolfPlatformGraphicMenu/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' %}
  2. {%  set  WolfGraphicMenu =   config('WolfPlatformGraphicMenu.config')  %}
  3. {%  set navigationMaxDepth =  WolfGraphicMenu.flyoutlevels|last %}
  7.     {% block layout_navigation_flyout_content %}
  8.         {%  if page.header.navigation.active.id !="" %}{%  set activeId = page.header.navigation.active.id %}{% endif %}
  10.         {%  if WolfGraphicMenu.active == true %}
  11.             <div class="row navigation-flyout-content is-graphic-menu {%  if level != 0  %} {{ WolfGraphicMenu.substyle }}{%  endif %}">
  13.                     <div class="{% if (navigationTree.category.media and WolfGraphicMenu.showteaserimage == true) or (WolfGraphicMenu.showteasertext == true and navigationTree.category.description)  %}col-8 col-xl-9{% else %}col{% endif %}">
  14.                         <div class="navigation-flyout-categories">
  15.                             {% block layout_navigation_flyout_categories_recoursion %}
  16.                                 {% sw_include '@Storefront/storefront/layout/navigation/iconcategories.html.twig' with {
  17.                                     navigationTree: navigationTree.children,
  18.                                     navigationMedia: navigationTree.category.media
  19.                                 } only %}
  20.                             {% endblock %}
  21.                         </div>
  22.                     </div>
  25.                 {% block layout_navigation_flyout_teaser %}
  26.                     {% if (navigationTree.category.media and WolfGraphicMenu.showteaserimage == true) or (WolfGraphicMenu.showteasertext == true and navigationTree.category.description)  %}
  28.                             <div class="col-4 col-xl-3">
  29.                                 <div class="navigation-flyout-teaser">
  31.                                     {% block layout_navigation_flyout_teaser_image %}
  32.                                         {% if navigationTree.category.media and WolfGraphicMenu.showteaserimage == true  %}
  33.                                             <a class="navigation-flyout-teaser-image-container"
  34.                                                href="{{ seoUrl('frontend.navigation.page', { navigationId: category.id }) }}"
  35.                                                title="{{ navigationTree.category.translated.name }}">
  36.                                                 {% sw_thumbnails 'navigation-flyout-teaser-image-thumbnails' with {
  37.                                                     media: navigationTree.category.media,
  38.                                                     sizes: {
  39.                                                         'default': '310px'
  40.                                                     },
  41.                                                     attributes: {
  42.                                                         'class': 'navigation-flyout-teaser-image',
  43.                                                         'alt': (navigationTree.category.media.translated.alt ?: ''),
  44.                                                         'title': (navigationTree.category.media.translated.title ?: ''),
  45.                                                         'data-object-fit': 'cover'
  46.                                                     }
  47.                                                 } %}
  48.                                             </a>
  49.                                         {%  endif %}
  50.                                         {% if  WolfGraphicMenu.showteasertext == true  %}
  51.                                             <p class="flyout-teaser-text">{{  navigationTree.category.description|striptags[:WolfGraphicMenu.descriptioncut] }}...</p>
  52.                                         {%  endif %}
  55.                                     {% endblock %}
  57.                                 </div>
  58.                             </div>
  60.                     {%  endif %}
  61.                 {% endblock %}
  62.             </div>
  63.         {% elseif WolfGraphicMenu.active == false  %}
  64.             <h2>wgm inactive</h2>
  65.             {{ parent() }}
  66.         {% endif %}
  67.     {% endblock %}