custom/plugins/KsGeutherTheme/src/Resources/views/storefront/component/listing/filter/filter-range.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/component/listing/filter/filter-range.html.twig' %}
  3. {% set min = price.min|round(0,'floor') %}
  4. {% set max = price.max %}
  5. {% set step = 0.01 %}
  7. {#{% if step >= 1 and (min%step) != 0 %}#}
  8. {#    {% set min = min - (min%step) %}#}
  9. {#{% endif %}#}
  10. {#{% set minRange = min %}#}
  12. {#{% if step >= 1 and (max%step) != 0 %}#}
  13. {#    {% set steps = (max/step)|round(0,'ceil') %}#}
  14. {#    {% set maxRange = step * steps %}#}
  15. {#{% else %}#}
  16. {#    {% set maxRange = max %}#}
  17. {#{% endif %}#}
  19. {#{% set filterRangePriceOptions = {
  20.     name,
  21.     minKey,
  22.     maxKey,
  23.     lowerBound,
  24.     unit,
  25.     currencySymbol,
  26.     snippets: {
  27.         filterRangeActiveMinLabel,
  28.         filterRangeActiveMaxLabel,
  29.         filterRangeErrorMessage,
  30.         filterRangeLowerBoundErrorMessage
  31.     }
  32. } %}#}
  34. {% block component_filter_range %}
  35.     {% if name == 'price' %}
  36.         {% set filterRangePriceOptions = {
  37.             min,
  38.             max,
  39.             step,
  40.             name,
  41.             minKey,
  42.             maxKey,
  43.             lowerBound,
  44.             unit,
  45.             currencySymbol,
  46.             snippets: {
  47.                 filterRangeActiveMinLabel,
  48.                 filterRangeActiveMaxLabel,
  49.                 filterRangeErrorMessage,
  50.                 filterRangeLowerBoundErrorMessage
  51.             }
  52.         } %}
  54.         <div class="filter-range filter-panel-item{% if not sidebar %} dropdown{% endif %}{% if feature('v6.5.0.0') %} d-grid{% endif %}"
  55.              data-filter-range="true"
  56.              data-filter-range-options='{{ filterRangePriceOptions|json_encode }}'>
  58.             {% block component_filter_range_toggle %}
  59.                 {{ parent() }}
  60.             {% endblock %}
  62.             {% block component_filter_range_dropdown %}
  63.                 {{ parent() }}
  64.             {% endblock %}
  65.         </div>
  66.     {% else %}
  67.         {{ parent() }}
  68.     {% endif %}
  69. {% endblock %}
  72. {% block component_filter_range_container %}
  73.     {{ parent() }}
  75.     {% if name == 'price' %}
  76.         <div class="filter-price-slider-wrap">
  77.             <div class="filter-price-slider"></div>
  78.         </div>
  79.     {% endif %}
  80. {% endblock %}
  83. {% block component_filter_range_min_input %}
  84.     {% if name == 'price' %}
  85.         <input class="form-control min-input"
  86.                type="number"
  87.                placeholder="{{ min }}"
  88.                name="{{ minKey }}"
  89.                min="{{ min }}"
  90.                max="{{ max }}">
  91.     {% else %}
  92.         {{ parent() }}
  93.     {% endif %}
  94. {% endblock %}
  97. {% block component_filter_range_max_input %}
  98.     {% if name == 'price' %}
  99.         <input class="form-control max-input"
  100.                type="number"
  101.                placeholder="{{ max }}"
  102.                name="{{ maxKey }}"
  103.                min="{{ min }}"
  104.                max="{{ max }}">
  105.     {% else %}
  106.         {{ parent() }}
  107.     {% endif %}
  109. {% endblock %}