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

  1. {% block component_filter_panel %} {# merge 16.11.20 #}
  2.     {% block component_filter_panel_header %}
  3.         <div class="filter-panel-offcanvas-header">
  4.             <div class="filter-panel-offcanvas-only filter-panel-offcanvas-title">{{ "listing.filterTitleText"|trans }}</div>
  6.             <div class="filter-panel-offcanvas-only filter-panel-offcanvas-close js-offcanvas-close">
  7.                 {% sw_icon 'x' style { 'size': 'md' } %}
  8.             </div>
  9.         </div>
  10.     {% endblock %}
  12.     {# @var listing \Shopware\Core\Framework\DataAbstractionLayer\Search\EntitySearchResult #}
  13.     {% block component_filter_panel_element %}
  14.         <div class="filter-panel{% if sidebar %} is--sidebar{% endif %}">
  15.             {% block component_filter_panel_items_container %}
  16.                 <div class="filter-panel-items-container">
  17.                     {% block component_filter_panel_items %}
  19.                         {% block component_filter_panel_item_manufacturer %}
  20.                             {# @var manufacturers \Shopware\Core\Framework\DataAbstractionLayer\Search\AggregationResult\Metric\EntityResult #}
  21.                             {% set manufacturers = listing.aggregations.get('manufacturer') %}
  22.                             {% if not manufacturers.entities is empty %}
  23.                                 {% set manufacturersSorted = manufacturers.entities|sort((a, b) => a.translated.name|lower <=> b.translated.name|lower) %}
  25.                                 {% sw_include '@Storefront/storefront/component/listing/filter/filter-multi-select.html.twig' with {
  26.                                     elements: manufacturersSorted,
  27.                                     sidebar: sidebar,
  28.                                     name: 'manufacturer',
  29.                                     displayName: 'listing.filterManufacturerDisplayName'|trans|sw_sanitize
  30.                                 } %}
  31.                             {% endif %}
  32.                         {% endblock %}
  34.                         {% block component_filter_panel_item_properties %}
  35.                             {# @var properties \Shopware\Core\Framework\DataAbstractionLayer\Search\AggregationResult\Metric\EntityResult #}
  36.                             {% set properties = listing.aggregations.get('properties') %}
  38.                             {% if not properties.entities is empty %}
  39.                                 {% for property in properties.entities %}
  40.                                     {% sw_include '@Storefront/storefront/component/listing/filter/filter-property-select.html.twig' with {
  41.                                         elements: property.options,
  42.                                         sidebar: sidebar,
  43.                                         name: 'properties',
  44.                                         displayName: property.translated.name,
  45.                                         displayType: property.displayType,
  46.                                         pluginSelector: 'filter-property-select',
  47.                                         propertyName: property.translated.name
  48.                                     } %}
  49.                                 {% endfor %}
  50.                             {% endif %}
  51.                         {% endblock %}
  53.                         {% block component_filter_panel_item_price %}
  54.                             {% set price = listing.aggregations.get('price') %}
  56.                             {% if price.min !== null and price.max !== null %}
  57.                                 {% sw_include '@Storefront/storefront/component/listing/filter/filter-range.html.twig' with {
  58.                                     sidebar: sidebar,
  59.                                     name: 'price',
  60.                                     minKey: 'min-price',
  61.                                     maxKey: 'max-price',
  62.                                     lowerBound: 0,
  63.                                     displayName: 'listing.filterPriceDisplayName'|trans|sw_sanitize,
  64.                                     minInputValue: 0,
  65.                                     maxInputValue: price.max,
  66.                                 } %}
  67.                             {% endif %}
  68.                         {% endblock %}
  70.                         {% block component_filter_panel_item_rating_select %}
  71.                             {% set rating = listing.aggregations.get('rating') %}
  73.                             {% if rating.max > 0 %}
  74.                                 {% sw_include '@Storefront/storefront/component/listing/filter/filter-rating-select.html.twig' with {
  75.                                     sidebar: sidebar,
  76.                                     name: 'rating',
  77.                                     pluginSelector: 'filter-rating-select',
  78.                                     displayName: 'listing.filterRatingDisplayName'|trans|sw_sanitize
  79.                                 } %}
  80.                             {% endif %}
  81.                         {% endblock %}
  83.                         {% block component_filter_panel_item_shipping_free %}
  84.                             {% set shippingFree = listing.aggregations.get('shipping-free') %}
  86.                             {% if shippingFree.max > 0 %}
  87.                                 {% sw_include '@Storefront/storefront/component/listing/filter/filter-boolean.html.twig' with {
  88.                                     name: 'shipping-free',
  89.                                     displayName: 'listing.filterFreeShippingDisplayName'|trans|sw_sanitize
  90.                                 } %}
  91.                             {% endif %}
  92.                         {% endblock %}
  93.                     {% endblock %}
  94.                 </div>
  95.             {% endblock %}
  97.             {% block component_filter_panel_active_container %}
  98.                 <div class="filter-panel-active-container">
  99.                     {% block component_filter_panel_active_container_inner %}{% endblock %}
  100.                 </div>
  101.             {% endblock %}
  102.         </div>
  103.      {% endblock %}
  104. {% endblock %}