{% sw_extends '@Storefront/storefront/page/search/search-pagelet.html.twig' %}
{% block element_product_listing_wrapper %}
{% set pluginConfig = config('AcrisFilterCS.config') %}
{% if pluginConfig.mobileLayout == "standard" %}
{{ parent() }}
{% elseif pluginConfig.mobileLayout == "dropDown" %}
{% block element_product_listing_filter_dropdown_mobile %}
<div class="cms-element-sidebar-filter acris-filter-mobile">
{% block element_product_listing_filter_dropdown_mobile_button %}
<button class="btn header-actions-btn filter-panel-wrapper-toggle dropdown"
type="button"
id="drop-down-filter-menu-button"
data-toggle="collapse"
data-target="#collapseFilterMenu"
aria-expanded="false"
aria-controls="collapseFilterMenu"
aria-label="{{ "general.menuLink"|trans }}">
{% block element_product_listing_filter_dropdown_mobile_button_icon %}
{% sw_icon 'sliders-horizontal' %}
{% endblock %}
{{ "listing.filterTitleText"|trans }}
{% block component_filter_dropdown_mobile_button_multi_select_toggle_icon %}
{% sw_icon 'arrow-medium-down' style {
'pack': 'solid', 'size': 'xs', 'class': 'filter-panel-item-toggle'
} %}
{% endblock %}
</button>
{% endblock %}
{% block element_product_listing_filter_dropdown_mobile_menu %}
<div class="collapse" id="collapseFilterMenu">
<div id="filter-panel-wrapper" class="filter-panel-wrapper acris-filter-panel"
data-offcanvas-filter-content="true">
{% sw_include '@Storefront/storefront/component/listing/filter-panel.html.twig' with {
listing: page.listing,
sidebar: false
} %}
</div>
</div>
{% endblock %}
</div>
{% endblock %}
{% sw_include '@Storefront/storefront/component/product/listing.html.twig' with {
searchResult: page.listing,
dataUrl: url('widgets.search.pagelet.v2'),
filterUrl: url('widgets.search.filter'),
params: { search: page.searchTerm },
sidebar: 0,
boxLayout: 'minimal',
displayMode: ''
} %}
{% endif %}
{% endblock %}