{% set listingColumns = 'col-sm-6 col-lg-4 col-xl-3' %}
<div class="cms-element-product-listing">
{% block seller_listing_row %}
<div class="row cms-listing-row js-listing-wrapper">
{% if sellers.total > 0 %}
{% block seller_listing_col %}
{% for seller in sellers.entities %}
<div class="cms-listing-col {{ listingColumns }}">
{% block seller_listing_box %}
{% sw_include '@MrpixShoppingCity/storefront/component/seller/seller-box.html.twig' with {
'seller': seller
} %}
{% endblock %}
</div>
{% endfor %}
{% endblock %}
{% else %}
{% block seller_listing_col_empty %}
<div class="cms-listing-col col-12">
{% block seller_listing_col_empty_alert %}
{% sw_include '@Storefront/storefront/utilities/alert.html.twig' with {
type: 'info',
content: 'mrpixShoppingCity.listing.emptyListing'|trans|sw_sanitize
} %}
{% endblock %}
</div>
{% endblock %}
{% endif %}
</div>
{% endblock %}
{% if sellers.total > 0 %}
{% block seller_listing_pagination_nav_actions %}
<div class="seller-listing-actions row justify-content-between">
<div class="col">
{% block seller_listing_loading_action %}
{% sw_include '@MrpixShoppingCity/storefront/component/load-more.html.twig' with {
entities: sellers,
criteria: sellers.criteria,
limit: limit
} %}
{% endblock %}
</div>
</div>
{% endblock %}
{% endif %}
</div>