В общем есть NoUiSlider:
$('#slider-range').noUiSlider({
start: [ 70 ],
behaviour: 'snap',
connect: 'lower',
step: 10,
range: {
'min': [ [xfgiven_misize][xfvalue_misize][/xfgiven_misize] ],
'max': [ [xfgiven_masize][xfvalue_masize][/xfgiven_masize] ]
}
});
$('#slider-range').Link('lower').to($('#slider-value'));
<div class="slider shor slider-info" id="slider-range"></div>
<center>Количество: <input id="slider-value" name="Size" readonly></center>
И таких слайдера 2, один записывает количество товара, а другой размер товара(Цветка). Как сделать так, чтобы для каждого размера давалась своя цена(т.е. 40см=50р и увеличение на 10см прибавляет по 10р), потом это всё умножалось на количество и выводился итог и чтобы работало в NoUiSlider'e?(Пример обязательно)