{% sw_extends "@Storefront/storefront/component/product/listing.html.twig" %}
{% block element_product_listing_pagination_nav_actions %}
<div class="cms-element-product-listing-actions row justify-content-between">
<div class="col-md-auto">
{% block twigel_custom_filter %}
<div class="btn btn-primary filterbtn" type="button" data-toggle="collapse"
data-target="#collapseFilter" aria-expanded="false" aria-controls="collapseFilter">
{{ 'twigel-theme.category.filterBtn'|trans }}
{% sw_icon "arrow-down" style{
"namespace":"TwigelHardTheme",
"pack":"arrows"
} %}
</div>
<div class="cms-element-sidebar-filter collapse" id="collapseFilter">
{% 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 }}">
{{ "listing.filterTitleText"|trans }}
{% block element_product_listing_filter_button_icon %}
{% sw_icon "arrow-down" style{
"namespace":"TwigelHardTheme",
"pack":"arrows"
} %}
{% endblock %}
</button>
{% endblock %}
{% block element_sidebar_filter_panel %}
<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>
{% endblock %}
</div>
{% endblock %}
</div>
<div class="col-md-auto">
{% block element_product_listing_sorting %}
{% sw_include '@Storefront/storefront/component/sorting.html.twig' with {
current: searchResult.sorting,
sortings: searchResult.availableSortings
} %}
{% endblock %}
</div>
</div>
{% endblock %}