{% sw_extends '@Storefront/storefront/component/product/listing.html.twig' %}
{% block element_product_listing_pagination_nav_top %}
{% endblock %}
{% block product_listing %}
<div class="cms-element-product-listing-wrapper position-relative"
data-listing-pagination="true"
data-listing-pagination-options='{{ paginationConfig }}'
data-listing="true"
data-listing-options='{{ listingPagination|json_encode }}'>
{% block product_listing_filtering %}
<div class="filtering">
<button class="btn header-actions-btn filter-panel-wrapper-toggle filter-container-toggle"
type="button"
data-offcanvas-filter="true"
aria-haspopup="true"
aria-expanded="false"
aria-label="{{ "general.menuLink"|trans }}"
>
{% sw_icon 'sliders-horizontal' %}
Filtrér og sortér
</button>
</div>
{% endblock %}
{% block product_listing_breadcrumb %}
<h3 class="headline">
{{ page.metaInformation.metaTitle|striptags|trim }}
</h3>
{% endblock %}
{% block element_product_listing_wrapper_content %}
<div id="productListing" class="cms-element-product-listing">
{% if searchResult.total > 0 %}
{% block element_product_listing_pagination_nav_actions %}
<div class="cms-element-product-listing-actions row justify-content-between">
<div class="col-md-auto">
{{ block('element_product_listing_pagination_nav_top') }}
</div>
</div>
{% endblock %}
{% endif %}
{{ block('element_product_listing_row') }}
{% 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 %}