{% set currentPage = ((searchResult.criteria.offset + 1) / searchResult.criteria.limit )|round(0, 'ceil') %}
{% set paginationConfig = { page: currentPage }|json_encode %}
{% if disableEmptyFilter is not defined %}
{% set disableEmptyFilter = config('core.listing.disableEmptyFilterOptions') %}
{% endif %}
{% set listingPagination = {
sidebar: sidebar,
params: params,
dataUrl: dataUrl,
filterUrl: filterUrl,
disableEmptyFilter: disableEmptyFilter,
snippets: {
resetAllButtonText: 'listing.filterPanelResetAll'|trans|sw_sanitize
}
} %}
{% block element_product_listing_sorting %}
<div id="getsortinginput">
<div class="sorting-wrapper">
{% sw_include '@Storefront/storefront/component/sorting.html.twig' with {
current: searchResult.sorting,
sortings: searchResult.availableSortings
} %}
</div>
</div>
{% endblock %}
<div class="clearingItem"></div>
{% block product_listing %}
<div class="cms-element-product-listing-wrapper"
data-listing-pagination="true"
data-listing-pagination-options='{{ paginationConfig }}'
data-listing="true"
data-listing-options='{{ listingPagination|json_encode }}'>
{% block element_product_listing_wrapper_content %}
<div class="cms-element-product-listing">
{% if searchResult.total > 0 %}
{% block element_product_listing_pagination_nav_actions %}
<!--
{% block element_product_listing_pagination_nav_top %}
{% sw_include '@Storefront/storefront/component/pagination.html.twig' with {
entities: searchResult,
criteria: searchResult.criteria
} %}
{% endblock %}
-->
{% endblock %}
{% endif %}
<div id="ProductList">
{% block element_product_listing_row %}
<div class="line1 dekoline"></div>
<div class="line2 dekoline"></div>
<div class="line3 dekoline"></div>
<div class="line4 dekoline"></div>
<div class="line5 dekoline"></div>
<div class="line6 dekoline"></div>
<div class="line7 dekoline"></div>
<div class="line8 dekoline"></div>
<div class="line9 dekoline"></div>
<div class="line10 dekoline"></div>
<div class="line11 dekoline"></div>
<div class="line12 dekoline"></div>
<div class="line13 dekoline"></div>
<div class="line14 dekoline"></div>
<div class="line15 dekoline"></div>
<div class="line16 dekoline"></div>
<div class="line17 dekoline"></div>
<div class="Products-Wrapper">
<div class="line1topdown dekoline2"></div>
<div class="line2topdown dekoline2"></div>
<div class="line3topdown dekoline2"></div>
<div class="line4topdown dekoline2"></div>
<div class="line5topdown dekoline2"></div>
<div class="ProductListInner">
{% if searchResult.total > 0 %}
{% block element_product_listing_col %}
{% for product in searchResult %}
<div class="cms-listing-col singleproductcol">
{% 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 %}
{% 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 %}
{% endblock %}
{% endif %}
</div>
</div>
{% endblock %}
</div>
{% if searchResult.total > searchResult.limit %}
{% block element_product_listing_pagination_nav_bottom %}
{% sw_include '@Storefront/storefront/component/pagination.html.twig' with {
entities: searchResult,
criteria: searchResult.criteria,
paginationLocation: 'bottom',
} %}
{% endblock %}
{% endif %}
</div>
{% endblock %}
</div>
{% endblock %}