custom/plugins/WynCustomerTheme/src/Resources/views/storefront/component/sorting.html.twig line 1

Open in your IDE?
  1. {% set config = { sorting: current } %}
  2. {% set showSorting = (slot.config.showSorting.value is defined) ? slot.config.showSorting.value : true %}
  4. <div class="sorting-and-filter-child">
  5.   <wyn-button
  6.     variant="tertiary"
  7.     class="filter-button"
  8.     data-offcanvas-filter="true"
  9.     aria-haspopup="true"
  10.     aria-expanded="false"
  11.     aria-label="{{ "general.menuLink"|trans }}"
  12.   >
  13.     {% block element_product_listing_filter_button_icon %}
  14.       {% sw_icon 'filter' style { 'size': 'sm', 'slotAttr': 'icon' } %}
  15.     {% endblock %}
  16.     {{ "listing.filterTitleText"|trans }}
  17.   </wyn-button>
  19.   {% if showSorting and sortings|length > 1 %}
  20.     <wyn-select
  21.       class="sorting"
  22.       adjust-to-biggest-option
  23.       aria-label="{{ 'general.sortingLabel'|trans|striptags }}"
  24.       data-listing-sorting="true"
  25.       data-listing-sorting-options='{{ config|json_encode }}'
  26.     >
  27.       {% sw_icon 'sort' style { 'size': 'sm', 'slotAttr': 'icon' } %}
  28.       <div slot="label">{{ 'general.sortingLabel'|trans|striptags }}</div>
  30.       {% for sorting in sortings %}
  31.         {% set key = sorting.key %}
  32.         <wyn-option
  33.           value="{{ key }}"
  34.           {% if key == current %}selected{% endif %}
  35.         >
  36.           {{ sorting.translated.label|sw_sanitize }}
  37.         </wyn-option>
  38.       {% endfor %}
  39.     </wyn-select>
  40.   {% endif %}
  41. </div>