custom/plugins/S360MegaMenu/src/Resources/views/storefront/s360/megamenu/desktop/navbar.html.twig line 1

Open in your IDE?
  1. {#
  2.  # Desktop Megamenu Navbar Container
  3.  #}
  4. {% block layout_main_navigation_navbar %}
  5.     {% if menu.settings.menuWidth != 'fullwidth' %}
  6.         <div class="container">
  7.     {% endif %}
  9.     {% set alignmentClass = '' %}
  10.     {% if menu.settings.menuItemAlignment == 'center' %}
  11.         {% set alignmentClass = 's360-megamenu--align-center' %}
  12.     {% elseif menu.settings.menuItemAlignment == 'flex-start' %}
  13.         {% set alignmentClass = 's360-megamenu--align-start' %}
  14.     {% elseif menu.settings.menuItemAlignment == 'flex-end' %}
  15.         {% set alignmentClass = 's360-megamenu--align-end' %}
  16.     {% elseif menu.settings.menuItemAlignment == 'space-between' %}
  17.         {% set alignmentClass = 's360-megamenu--align-space-between' %}
  18.     {% elseif menu.settings.menuItemAlignment == 'space-around' %}
  19.         {% set alignmentClass = 's360-megamenu--align-space-around' %}
  20.     {% endif %}
  22.         <div class="{% apply spaceless %}s360-megamenu s360-megamenu--desktop {{ alignmentClass }} {% if menu.settings.menuWidth == 'container' %}s360-megamenu--boxed{% endif %} {% if menu.settings.menuWidth == 'content' %}s360-megamenu--width-auto{% endif %} {% if menu.menuStyling.customClass %}{{ menu.menuStyling.customClass }}{% endif %}{% endapply %}">
  23.             {% if menu.settings.menuWidth == 'fullwidth' %}
  24.                 <div class="{% if menu.settings.menuContentWidth == 'fullwidth' %}container-fluid{% else %}container{% endif %}">
  25.             {% endif %}
  27.             <div class="row">
  28.                 <div class="col-12 s360-megamenu-content-col">
  29.                     {% block layout_main_navigation_menu %}
  30.                         {% sw_include '@Storefront/storefront/s360/megamenu/desktop/menu.html.twig' with {'menu': menu} %}
  31.                     {% endblock %}
  32.                 </div>
  33.             </div>
  35.             {% if menu.settings.menuWidth == 'fullwidth' %}
  36.                 </div>
  37.             {% endif %}
  38.         </div>
  40.     {% if menu.settings.menuWidth != 'fullwidth' %}
  41.         </div>
  42.     {% endif %}
  43. </>
  44. {% endblock %}
  46. {# Flyout Wrapper #}
  47. {% block layout_main_navigation_menu_flyout_wrapper %}
  48.     {% block layout_main_navigation_menu_flyout_container %}
  49.         {% if menu.settings.menuWidth != 'fullwidth' %}
  50.             <div class="container">
  51.         {% endif %}
  53.         <div class="navigation-flyouts s360-megamenu__dropdown {% if menu.settings.menuWidth == 'fullwidth' %}s360-megamenu__dropdown--fullwidth{% else %}s360-megamenu__dropdown--boxed{% endif %} {% if menu.dropdownStyling.customClass %}{{ menu.dropdownStyling.customClass }}{% endif %}">
  54.             {% block layout_main_navigation_menu_flyouts %}
  55.                 {% for treeItem in menu.tree.tree %}
  56.                     {% if treeItem.item.contentSettings.dropdownWidth != 'content' and treeItem.shouldDisplayFlyout(page.header.activeLanguage.id) %}
  57.                         {% block layout_main_navigation_menu_flyout %}
  58.                             <div class="navigation-flyout s360-megamenu__dropdown-menu {% if treeItem.item.contentSettings.dropdownWidth == 'container' %}s360-megamenu__dropdown-menu--container{% endif %} {% if treeItem.item.styling.customClass %}{{ treeItem.item.styling.customClass }}{% endif %}"
  59.                                 data-flyout-menu-id="{{ treeItem.item.id }}"
  60.                             >
  61.                                 <div class="{% if treeItem.item.contentSettings.dropdownContentWidth == 'fullwidth' %}container-fluid{% else %}container{% endif %}">
  62.                                     {% block layout_main_navigation_menu_flyout_include %}
  63.                                         {% sw_include '@Storefront/storefront/layout/navigation/flyout.html.twig' with {navigationTree: treeItem, level: 2, page: page} only %}
  64.                                     {% endblock %}
  65.                                 </div>
  66.                             </div>
  67.                         {% endblock %}
  68.                     {% endif %}
  69.                 {% endfor %}
  70.             {% endblock %}
  71.         </div>
  73.         {% if menu.settings.menuWidth != 'fullwidth' %}
  74.             </div>
  75.         {% endif %}
  76.     {% endblock %}
  77. {% endblock %}