{% block overlay_categories %}
<div id="bs-canvas-left" class="bs-canvas bs-canvas-left bg-light">
{#
<header class="bs-canvas-header p-3 overflow-auto">
<button type="button" class="bs-canvas-close float-left close" aria-label="Close" aria-expanded="false"><span aria-hidden="true" class="text-light">×</span></button>
</header>
#}
{% block layout_header_search %}
{#
<div class="col-12 order-2 col-sm order-sm-1 header-search-col">
<div class="row">
<div class="col-sm-auto d-none d-sm-block d-lg-none">
{% block layout_header_navigation_toggle_tablet %}
<div class="nav-main-toggle">
{% block layout_header_navigation_toggle_tablet_button %}
<button class="btn nav-main-toggle-btn header-actions-btn"
type="button"
data-offcanvas-menu="true"
aria-label="{{ "general.menuLink"|trans|striptags }}">
{% block layout_header_navigation_toggle_tablet_button_icon %}
{% sw_icon 'stack' %}
{% endblock %}
</button>
{% endblock %}
</div>
{% endblock %}
</div>
<div class="col">
{% sw_include '@Storefront/storefront/layout/header/search.html.twig' %}
</div>
</div>
</div>
#}
<div class="header-search-col">{# header-search-col noodzakelijk, omdat anders searchbox verborgen blijft - zie ook hierboven #}
{% sw_include '@Storefront/storefront/layout/header/search.html.twig' %}
</div>
{% endblock %}
{% set navigationResult1 = page.header.navigation.tree %}
{% set activeResult1 = page.header.navigation.active %}
<div class="category-navigation-box">
{% sw_include '@Storefront/storefront/layout/sidebar/category-navigation.html.twig' with {
navigationTree: page.header.navigation.tree,
activeResult: page.header.navigation.active
} only %}
</div>
{# hiermee worden de filters toegevoegd #}
{% sw_include '@Storefront/storefront/element/cms-element-sidebar-filter.html.twig' with {
activeResult: page.header.navigation.active
} %}
</div>
{% endblock %}