custom/static-plugins/EfbStorefront/Resources/views/storefront/component/product/listing.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/component/product/listing.html.twig' %}
  4. {% block product_listing %}
  5.     {% set listingPagination = listingPagination|merge({
  6.         resetAllFilterButtonClasses: 'filter-reset-all',
  7.     }) %}
  9.     <div class="cms-element-product-listing-wrapper grid-listing-view-mode"
  10.          data-listing-pagination="true"
  11.          data-listing-pagination-options='{{ paginationConfig }}'
  12.          data-listing="true"
  13.          data-listing-options='{{ listingPagination|json_encode }}'>
  15.         {% block element_product_listing_wrapper_content %}
  16.             {{ parent() }}
  17.         {% endblock %}
  18.     </div>
  19. {% endblock %}
  21. {% block element_product_listing_pagination_nav_actions %}
  22.     <div class="cms-element-product-listing-actions row justify-content-end">
  23.         <div class="col-lg-auto col-12">
  24.             {% block element_product_listing_sorting %}
  25.                 {% set config = { sorting: searchResult.sorting } %}
  26.                 {% set showSorting = (slot.config.showSorting.value is defined) ? slot.config.showSorting.value : true %}
  28.                 {% if showSorting and searchResult.availableSortings|length > 1 %}
  29.                     <div class="sorting" data-listing-sorting="true" data-listing-sorting-options='{{ config|json_encode }}'>
  30.                         <p class="sorting-label">{{ 'general.sortingLabel'|trans|striptags }}</p>
  31.                         <select class="sorting custom-select" aria-label="{{ 'general.sortingLabel'|trans|striptags }}">
  32.                             {% for sorting in searchResult.availableSortings %}
  33.                                 {% set key = sorting.key %}
  34.                                 <option value="{{ key }}"{% if key == searchResult.sorting %} selected{% endif %}>{{ sorting.translated.label|sw_sanitize }}</option>
  35.                             {% endfor %}
  36.                         </select>
  37.                     </div>
  38.                 {% endif %}
  39.             {% endblock %}
  40.         </div>
  41.     </div>
  42. {% endblock %}