custom/plugins/WynTheme/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
  5.   class="sorting-and-filter-child"
  6. >
  7. {# TODO class="btn btn-icon-extra-text filter-button"#}
  8.   <wyn-button
  9.     variant="secondary"
  10.     class="filter-button"
  11.     data-offcanvas-filter="true"
  12.     aria-haspopup="true"
  13.     aria-expanded="false"
  14.     aria-label="{{ "general.menuLink"|trans }}"
  15.   >
  16.     {% block element_product_listing_filter_button_icon %}
  17.       {% sw_icon 'filter' style { 'size': 'sm', 'slotAttr': 'icon' } %}
  18.     {% endblock %}
  19.     {{ "listing.filterTitleText"|trans }}
  20.   </wyn-button>
  22.   {% if showSorting and sortings|length > 1 %}
  23.     <wyn-select
  24.       class="sorting"
  25.       aria-label="{{ 'general.sortingLabel'|trans|striptags }}"
  26.       data-listing-sorting="true"
  27.       data-listing-sorting-options='{{ config|json_encode }}'
  28.     >
  29.       {% sw_icon 'sort' style { 'size': 'sm', 'slotAttr': 'icon' } %}
  31.       {% for sorting in sortings %}
  32.         {% set key = sorting.key %}
  33.         <wyn-option
  34.           value="{{ key }}"
  35.           {% if key == current %}selected{% endif %}
  36.         >
  37.           {{ sorting.translated.label|sw_sanitize }}
  38.         </wyn-option>
  39.       {% endfor %}
  40.     </wyn-select>
  41. {#    <div#}
  42. {#      class="select-wrapper select-wrapper--no-shadow select-wrapper--align-end"#}
  43. {#      data-listing-sorting="true"#}
  44. {#      data-listing-sorting-options='{{ config|json_encode }}'#}
  45. {#    >#}
  46. {#      TODO class="btn btn-icon-extra-text sort-button" #}
  47. {#      <wyn-button variant="secondary" class="sort-button">#}
  48. {#        {% sw_icon 'sort' style { 'size': 'sm', 'slotAttr': 'icon' } %}#}
  49. {#        <div class="btn__text">#}
  50. {#          {{ 'general.sortingLabel'|trans|striptags }}#}
  51. {#        </div>#}
  52. {#      </wyn-button>#}
  53. {#      <select#}
  54. {#        class="sorting custom-select form-control"#}
  55. {#        aria-label="{{ 'general.sortingLabel'|trans|striptags }}"#}
  56. {#        data-button-replacement=".sort-button"#}
  57. {#      >#}
  58. {#        {% for sorting in sortings %}#}
  59. {#          {% set key = sorting.key %}#}
  60. {#          <option#}
  61. {#            value="{{ key }}"#}
  62. {#            {% if key == current %}selected{% endif %}#}
  63. {#          >#}
  64. {#            {{ sorting.translated.label|sw_sanitize }}#}
  65. {#          </option>#}
  66. {#        {% endfor %}#}
  67. {#      </select>#}
  68. {#    </div>#}
  69.   {% endif %}
  70. </div>