{% sw_extends '@Storefront/storefront/component/product/listing.html.twig' %}
{% block element_product_listing_col %}
{% for product in searchResult %}
<div class="cms-listing-col col-12">
{% block element_product_listing_box %}
{% sw_include '@Storefront/storefront/component/product/card/box.html.twig' with {
'layout': 'list',
'displayMode': displayMode
} %}
{% endblock %}
</div>
{% endfor %}
{#
<div class="col-12">
<div class="alert alert-warning alert-has-icon">
{% sw_icon 'warning' %}
<div class="alert-content-container">
<div class="alert-content">
Unsere Netto-Preise sehen Sie, sobald Sie nach einer Prüfung als Geschäftskunde freigeschaltet sind.
</div>
</div>
</div>
<div class="alert alert-info alert-has-icon">
{% sw_icon 'info' %}
<div class="alert-content-container">
<div class="alert-content">
Unsere Netto-Preise sehen Sie, sobald Sie nach einer Prüfung als Geschäftskunde freigeschaltet sind.
</div>
</div>
</div>
<div class="alert alert-success alert-has-icon">
{% sw_icon 'checkmark-circle' %}
<div class="alert-content-container">
<div class="alert-content">
Unsere Netto-Preise sehen Sie, sobald Sie nach einer Prüfung als Geschäftskunde freigeschaltet sind.
</div>
</div>
</div>
</div>
#}
{% endblock %}
{% block element_product_listing_pagination_nav_actions %}
<div class="cms-element-product-listing-actions row justify-content-between">
<div class="col-auto">
<span class="listing-results">{{searchResult.total}} {{ "AtmosTheme.listing.results"|trans|striptags }}</span>
{% block element_product_listing_pagination_nav_top %}
{% sw_include '@Storefront/storefront/component/pagination.html.twig' with {
entities: searchResult,
criteria: searchResult.criteria
} %}
{% endblock %}
</div>
<div class="col-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 %}