{% sw_extends '@Storefront/storefront/base.html.twig' %}
{% if feature('v6.5.0.0') %}
{% set cmsbodyClasses = ('cms-main ' ~ page.landingPage.cmsPage.cssClass|striptags)|trim %}
{% else %}
{% set cmsbodyClasses = ('cms-main ' ~ page.cmsPage.cssClass|striptags)|trim %}
{% endif %}
{% block base_body %}
<body class="{% block base_body_classes %}is-ctl-{% if controllerName is not empty %}{{ controllerName|lower }}{% endif %} is-system4-infinite-scrolling is-act-{% if controllerAction is not empty %}{{ controllerAction|lower }}{% endif %}{% endblock %}{% if cmsbodyClasses is not empty %} {{ cmsbodyClasses }}{% endif %}">
{% block base_body_inner %}
{{ parent() }}
{% endblock %}
{% block base_cookie_permission %}
{{ parent() }}
{% endblock %}
{% block base_pseudo_modal %}
{{ parent() }}
{% endblock %}
{% block base_body_script %}
{{ parent() }}
<script>
;(function(){
window._system4InfiniteScrolling = {
pages: 0,
snippets: {
prev: {
btn: '{{ "infinite-scrolling.prev.btn"|trans }}',
navi: '{{ "infinite-scrolling.prev.navi"|trans }}'
},
next: {
btn: '{{ "infinite-scrolling.next.btn"|trans }}',
navi: '{{ "infinite-scrolling.next.navi"|trans }}'
}
},
customProduct: '',
customPrepend: '',
customAppend: '',
rootMargin: '',
threshold: '',
debug: false,
triggerAfterRenderResponseEvent: false,
onlyObserveWithinListingWrapper: false,
customPaginationSelector: ''
};
})();
</script>
{% endblock %}
</body>
{% endblock %}
{% block base_header %}
{% if not headerStickyClass %}
{% set headerStickyClass = 'header-top' %}
{# {% set headerStickyClass = 'sticky-top' %} #}
{% endif %}
<div class="{{ headerStickyClass }}" data-flyout-menu="true">
<header class="header-main">
{% block base_header_inner %}
<div class="header-container">
<div class="container">
{% sw_include '@Storefront/storefront/layout/header/header.html.twig' %}
</div>
</div>
{% endblock %}
{% block layout_main_navigation_custom_menu_flyout_wrapper %}
{% block layout_main_navigation_menu_flyout_container %}
{% if page.header.customHeaderNavigation.tree %}
<div class="navigation-flyouts header-navigation-flyouts">
{% block layout_main_navigation_menu_flyouts %}
{% for treeItem in page.header.customHeaderNavigation.tree %}
{% if treeItem.children|length > 0 %}
{% block layout_main_navigation_menu_flyout %}
<div class="navigation-flyout" data-flyout-menu-id="{{ treeItem.category.id }}">
{% block layout_main_navigation_menu_flyout_include %}
{% sw_include '@Storefront/storefront/layout/navigation/custom-menu-flyout.html.twig' with {navigationTree: treeItem, level: 0, page: page} only %}
{% endblock %}
</div>
{% endblock %}
{% endif %}
{% endfor %}
{% endblock %}
</div>
{% endif %}
{% endblock %}
{% endblock %}
{% block base_header_navigation %}
<div class="nav-main" data-flyout-menu-id="main-menu-trigger">
{% block base_navigation_inner %}
{% sw_include '@Storefront/storefront/layout/navigation/navigation.html.twig' %}
{% endblock %}
{% endblock %}
</div>
</header>
</div>
{% endblock %}
{% block base_navigation %}{% endblock %}