{% sw_extends '@Storefront/storefront/component/product/listing.html.twig' %}
{% block element_product_listing_wrapper_content %}
<div class="cms-element-product-listing">
{% block element_product_listing_row %}
<div class="row cms-listing-row js-listing-wrapper">
{% if searchResult.total > 0 %}
{% block element_product_listing_col %}
{% for product in searchResult %}
<div class="cms-listing-col {{ listingColumns }}">
{% block element_product_listing_box %}
{% sw_include '@Storefront/storefront/component/product/card/box.html.twig' with {
'layout': boxLayout,
'displayMode': displayMode
} %}
{% endblock %}
</div>
{% endfor %}
{% endblock %}
{% else %}
{% block element_product_listing_col_empty %}
<div class="cms-listing-col col-12">
{% block element_product_listing_col_empty_alert %}
{% sw_include '@Storefront/storefront/utilities/alert.html.twig' with {
type: 'info',
content: 'listing.emptyResultMessage'|trans|sw_sanitize
} %}
{% endblock %}
</div>
{% endblock %}
{% endif %}
</div>
{% endblock %}
{% if searchResult.total > 0 %}
{% block element_product_listing_pagination_nav_actions %}
<div class="cms-element-product-listing-actions row">
<div class="col-md-auto">
{% block element_product_listing_pagination_nav_top %}
{% sw_include '@Storefront/storefront/component/pagination.html.twig' with {
entities: searchResult,
criteria: searchResult.criteria
} %}
{% endblock %}
</div>
</div>
{% endblock %}
{% endif %}
</div>
{% endblock %}