{% block element_sidebar_filter %}
{% set config = element.fieldConfig.elements %}
{% set slot = cmsPage.firstElementOfType('product-listing') %}
{% if slot.data.listing.aggregations.elements|length > 0 %}
<div class="cms-element-sidebar-filter">
{% block element_product_listing_filter_button %}
<button class="btn header-actions-btn filter-panel-wrapper-toggle"
type="button"
data-offcanvas-filter="true"
aria-haspopup="true"
aria-expanded="false"
aria-label="{{ "general.menuLink"|trans }}">
{% block element_product_listing_filter_button_icon %}
{% sw_icon 'sliders-horizontal' %}
{% endblock %}
{{ "listing.filterTitleText"|trans }}
</button>
{% endblock %}
{% block element_sidebar_filter_panel %}
<div class="filter-container d-flex justify-content-between">
<div id="filter-panel-wrapper"
class="filter-panel-wrapper"
data-offcanvas-filter-content="true">
{% sw_include '@Storefront/storefront/component/listing/filter-panel.html.twig' with {
listing: slot.data.listing,
sidebar: block.sectionPosition == 'sidebar'
} %}
</div>
<div class="sorting-container">
{% block element_product_listing_sorting %}
<div>
{% block element_product_listing_pagination_nav_top_total_results %}
<span class="sorting-results-text">{{ slot.data.listing.total }} {{ "listing.searchResult"|trans|sw_sanitize }}</span>
{% endblock %}
{% sw_include '@Storefront/storefront/component/sorting.html.twig' with {
current: slot.data.listing.sorting,
sortings: slot.data.listing.availableSortings
} %}
{% endblock %}
</div>
</div>
</div>
{% endblock %}
</div>
{% endif %}
{% endblock %}