twigfiddle.com - Fiddle z6j39n v1 - Created on August 18, 2017 16:46

File

<div class="price-label columns small-2 min">{{slider.slider_min}} {{slider.slider_suffix}}</div>
 {%for sh in slider.slider_handles%}
 {% if sh.acf_fc_layout == 'range_handle'%}
 <div class="slider columns small-8" data-slider data-start="{{slider.slider_min}}" data-end="{{slider.slider_max}}" data-initial-start="{{sh.initial_value_min}}" data-initial-end="{{sh.initial_value_max}}">
    
    <span class="slider-handle min" data-slider-handle role="slider" tabindex="1"><div class="value-label">{{sh.initial_value_min}} {{slider.slider_suffix}}</div></span>
    <span class="slider-fill" data-slider-fill></span>
    <span class="slider-handle max" data-slider-handle role="slider" tabindex="1"><div class="value-label">{{sh.initial_value_max}} {{slider.slider_suffix}}</div></span>
    <input class="no-name min" type="hidden">
    <input class="no-name max" type="hidden">
  
  </div>
 {% else %}
     <div class="slider" data-slider data-initial-start="{{sh.initial_value_handle}}" data-end="{{slider.slider_max}}" data-start="{{slider.slider_min}}">
      <span class="slider-handle min"  data-slider-handle role="slider" tabindex="1"><div class="value-label">{{sh.initial_value_handle}} {{slider.slider_suffix}}</div></span>
      <span class="slider-fill" data-slider-fill></span>
      <input class="no-name max" type="hidden">
</div>
 {% endif %}
 <div class="native-slider small-8">
    <div class="row row-slider">
      {% if sh.acf_fc_layout == 'range_handle'%}
      <div class="columns small-6">
        <input type="number" min="{{slider.slider_min}}" max="{{slider.slider_max}}" name="minprice" value="{{sh.initial_value_min}}"></input>
      </div>
      <div class="columns small-6">
        <input type="number" min="{{slider.slider_min}}" max="{{slider.slider_max}}" name="maxprice" value="{{sh.initial_value_max}}"></input>
      </div>
      {% else %}
            <div class="columns small-6">
                <input type="number" min="{{slider.slider_min}}" max="{{slider.slider_max}}" name="minprice" value="{{sh.initial_value_handle}}"></input>
          </div>
      {% endif %}
    </div>
  </div>
{%endfor%}
  <div class="price-label columns small-2 max">{{slider.slider_max}} {{slider.slider_suffix}}</div>

Format

'slider':  
    slider_title: "Slider Titel"
    slider_min: 10
    slider_max: 300
    'slider_handles':
      '0':
        acf_fc_layout: 'single_handle_layout'
        initial_value_handle: 50
    slider_suffix: CHF