custom/apps/SwagElleTheme/Resources/views/storefront/layout/navigation/flyouts.html.twig line 1

Open in your IDE?
  1. {% set navigationChildrenCount = 0 %}
    {% for treeItem in page.header.navigation.tree %}
        {% if treeItem.category.childCount > 0 %}
            {% set navigationChildrenCount = navigationChildrenCount + 1 %}
        {% endif %}
    {% endfor %}
    
    {% if navigationChildrenCount > 0 %}
        {% block layout_main_navigation_menu_flyout_container %}
            <div class="navigation-flyouts">
                {% block layout_main_navigation_menu_flyouts %}
                    {% for treeItem in page.header.navigation.tree %}
                        {% if treeItem.children|length > 0 %}
                            {% block layout_main_navigation_menu_flyout %}
                                <div class="navigation-flyout"
                                     data-flyout-menu-id="{{ treeItem.category.id }}">
                                    <div class="navigation-flyout-close js-close-flyout-menu">
                                        {% block layout_navigation_flyout_bar_close_content %}
                                            {% block layout_utilities_offcanvas_close_icon %}
                                                {% sw_icon 'x' style { 'pack': 'feather' } %}
                                            {% endblock %}
                                        {% endblock %}
                                    </div>
                                    <div class="container">
                                        {% block layout_main_navigation_menu_flyout_include %}
                                            {% sw_include '@Storefront/storefront/layout/navigation/flyout.html.twig' with {navigationTree: treeItem, level: level+1} only %}
                                        {% endblock %}
                                    </div>
                                </div>
                            {% endblock %}
                        {% endif %}
                    {% endfor %}
                {% endblock %}
            </div>
        {% endblock %}
    {% endif %}