vendor/shopware/storefront/Resources/views/storefront/component/listing/filter/filter-multi-select.html.twig line 1

Open in your IDE?
  1. {% set filterItemId = 'filter-' ~ name ~ '-' ~ random() %}
  3. {% if pluginSelector is not defined %}
  4.     {% set pluginSelector = 'filter-multi-select' %}
  5. {% endif %}
  7. {% if dataPluginSelectorOptions is not defined %}
  8.     {% set dataPluginSelectorOptions = {
  9.         name: name,
  10.         snippets: {
  11.             disabledFilterText: 'listing.disabledFilterTooltip'|trans|sw_sanitize
  12.         }
  13.     } %}
  14. {% endif %}
  16. {% block component_filter_multi_select %}
  17.     {# @deprecated tag:v6.5.0 - Bootstrap v5 removes `btn-block` class, use `d-grid` wrapper instead #}
  18.     <div class="filter-multi-select filter-multi-select-{{ name }} filter-panel-item{% if not sidebar %} dropdown{% endif %}{% if feature('v6.5.0.0') %} d-grid{% endif %}"
  19.          data-{{ pluginSelector }}="true"
  20.          data-{{ pluginSelector }}-options='{{ dataPluginSelectorOptions|json_encode }}'>
  22.         {% block component_filter_multi_select_toggle %}
  23.             {# @deprecated tag:v6.5.0 - Bootstrap v5 removes `btn-block` class, use `d-grid` wrapper instead #}
  24.             <button class="filter-panel-item-toggle btn{% if sidebar and not feature('v6.5.0.0') %} btn-block{% endif %}"
  25.                     aria-expanded="false"
  26.                     {% if sidebar %}
  27.                     {{ dataBsToggleAttr }}="collapse"
  28.                     {{ dataBsTargetAttr }}="#{{ filterItemId }}"
  29.                     {% else %}
  30.                     {{ dataBsToggleAttr }}="dropdown"
  31.                     data-boundary="viewport"
  32.                     {{ dataBsOffsetAttr }}="0,8"
  33.                     aria-haspopup="true"
  34.                     {% endif %}>
  36.                 {% block component_filter_multi_select_display_name %}
  37.                     {{ displayName }}
  38.                 {% endblock %}
  40.                 {% block component_filter_multi_select_count %}
  41.                     <span class="filter-multi-select-count"></span>
  42.                 {% endblock %}
  44.                 {% block component_filter_multi_select_toggle_icon %}
  45.                     {% sw_icon 'arrow-medium-down' style {
  46.                         'pack': 'solid', 'size': 'xs', 'class': 'filter-panel-item-toggle'
  47.                     } %}
  48.                 {% endblock %}
  49.             </button>
  50.         {% endblock %}
  52.         {% block component_filter_multi_select_dropdown %}
  53.             <div class="filter-multi-select-dropdown filter-panel-item-dropdown{% if sidebar %} collapse{% else %} dropdown-menu{% endif %}"
  54.                  id="{{ filterItemId }}">
  55.                 {% block component_filter_multi_select_list %}
  56.                     <ul class="filter-multi-select-list">
  57.                         {% for element in elements %}
  58.                             {% block component_filter_multi_select_list_item %}
  59.                                 <li class="filter-multi-select-list-item">
  60.                                     {% block component_filter_multi_select_list_item_inner %}
  61.                                         {% sw_include '@Storefront/storefront/component/listing/filter/filter-multi-select-list-item.html.twig' %}
  62.                                     {% endblock %}
  63.                                 </li>
  64.                             {% endblock %}
  65.                         {% endfor %}
  66.                     </ul>
  67.                 {% endblock %}
  68.             </div>
  69.         {% endblock %}
  70.     </div>
  71. {% endblock %}