{% sw_extends "@Storefront/storefront/component/product/listing.html.twig" %}
{% block element_product_listing_row %}
<div class="row cms-listing-row js-listing-wrapper"
data-search-term="{{ searchResult.total }}"
itemscope
itemtype="https://schema.org/ItemList">
{% if searchResult.total > 0 %}
<meta itemprop="numberOfItems" content="{{ searchResult.total }}">
{% block element_product_listing_col %}
{% for product in searchResult %}
<div class="cms-listing-col {{ listingColumns }}"
itemprop="itemListElement"
itemscope
itemtype="https://schema.org/ListItem">
<meta itemprop="position" content="{{ (searchResult.criteria.offset ?? 0) + loop.index }}">
{% block element_product_listing_box %}
{% sw_include '@Storefront/storefront/component/product/card/box.html.twig' with {
'layout': boxLayout,
'displayMode': displayMode,
'itemListItem': true
} %}
{% 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 %}