{% sw_extends '@Storefront/storefront/page/product-detail/configurator.html.twig' %}
{% block page_product_detail_configurator_options %}
{% if group.id == '8cedf9077a45432f9e26b43379f6bd37' %}
{% if page.product.ksProductFitting.min and page.product.ksProductFitting.max %}
{% set options = {
min: page.product.ksProductFitting.min,
max: page.product.ksProductFitting.max,
initCurrent: page.product.customFields.addvisor_passung_min,
step: 0.5,
unit: 'cm',
variants: page.product.ksProductFitting.variants
} %}
{% block configurator_filter_input_range_container %}
<div class="filter-input-range-container product-fitting-filter"
data-ks-product-fitting-filter-range="true"
data-ks-product-fitting-filter-range-options="{{ options|json_encode }}">
<div class="product-fitting-filter-current-variant-container"></div>
{% block configurator_filter_input_range_slider %}
<div class="filter-passung-slider-wrap">
<div class="filter-fitting-slider"></div>
</div>
{% endblock %}
<div class="filter-input-range-container-inner">
{% block configurator_filter_input_range_min %}
<label class="filter-range-min">
{{ options.min }} {{ options.unit }}
</label>
{% endblock %}
{% block configurator_filter_input_range_input_label %}
<label class="custom-fields-filter-input-label">
{% block configurator_filter_input_range_input %}
<input
class="custom-fields-filter-input-element form-control js-fitting-input"
type="text"
placeholder="{{ options.min }}"
/>
{% endblock %}
<span>{{ options.unit }}</span>
</label>
{% endblock %}
{% block configurator_filter_input_range_max %}
<label class="filter-range-max">
{{ options.max }} {{ options.unit }}
</label>
{% endblock %}
</div>
</div>
{% endblock %}
{% endif %}
{% endif %}
{{ parent() }}
{% endblock %}