custom/plugins/S360MegaMenu/src/Resources/views/storefront/layout/navigation/flyout.html.twig line 1

Open in your IDE?
  1. {#
  2.  # Flyout Base containing flyout bar and content.
  3.  #
  4.  # Overriade Storefront flyout to use our own navigationTree
  5.  #}
  7. {# @var treeItem \S360\MegaMenu\Struct\TreeItem #}
  8. {% block layout_navigation_flyout %}
  9.     {% set item = navigationTree.item %}
  10.     {% set name = item.translated.title %}
  12.     {% block layout_navigation_flyout_bar %}
  13.         <div class="row navigation-flyout-bar">
  14.             {% block layout_navigation_flyout_bar_category %}
  15.                 <div class="col">
  16.                     <div class="navigation-flyout-category-link">
  17.                         {% block layout_navigation_flyout_bar_category_link %}
  18.                             {% if item.categoryLink %}
  19.                                 <a class="nav-link"
  20.                                    href="{{ seoUrl('frontend.navigation.page', { navigationId: item.categoryLink.id }) }}"
  21.                                    itemprop="url"
  22.                                    title="{{ name }}">
  23.                                     {% block layout_navigation_flyout_bar_category_link_text %}
  24.                                         {{ "general.toCategory"|trans|sw_sanitize }} {{ name }}
  25.                                         {% sw_icon 'arrow-right' style {
  26.                                             'color': 'primary',
  27.                                             'pack':'solid'
  28.                                         } %}
  29.                                     {% endblock %}
  30.                                 </a>
  31.                             {% endif %}
  32.                         {% endblock %}
  33.                     </div>
  34.                 </div>
  35.             {% endblock %}
  37.             {% block layout_navigation_flyout_bar_close %}
  38.                 <div class="col-auto">
  39.                     <div class="navigation-flyout-close js-close-flyout-menu">
  40.                         {% block layout_navigation_flyout_bar_close_content %}
  41.                             {% block layout_utilities_offcanvas_close_icon %}
  42.                                 {% sw_icon 'x' %}
  43.                             {% endblock %}
  44.                         {% endblock %}
  45.                     </div>
  46.                 </div>
  47.             {% endblock %}
  48.         </div>
  49.     {% endblock %}
  51.     {% block layout_navigation_flyout_content %}
  52.         <div class="row navigation-flyout-content">
  53.             {% sw_include '@Storefront/storefront/s360/megamenu/desktop/flyouts/' ~ item.contentType ~ '.html.twig' ignore missing with { treeItem: navigationTree, item: item, menu: menu } %}
  54.         </div>
  55.     {% endblock %}
  56. {% endblock %}