Some Way,
Давайте разберем все по полочкам.
Есть плагин бегунок, плагин карусель и товары.
1. Плагин с бегунком - это черный ящик. Не важно как он работает, самое главное, что он генерирует 2 переменные from и to. Больше от него ничего не нужно.
2. Плагин карусели представляет собой черный ящик с контейнером. Для ovl-карусели это контейнер такого вида:
<div class="owl-carousel"></div>
В этот блок можно положить любые элементы и они автоматически становятся слайдами.
3. Теперь у меня к вам вопрос - где взять товары, которые надо вставить в карусель и отсортировать по критерию from-to?
========
Если вы их уже выводите в карусель, то можно хотя бы так:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<span class="content-section" style="display:block">
<p><img src="un.jpg"></p>
<p>text small</p>
<h5>LARGE text</h5>
<h6><span class="mid">EUR 600</span></h6>
</span>
<span class="content-section" style="display:block">
<p><img src="un.jpg"></p>
<p>text small</p>
<h5>LARGE text</h5>
<h6><span class="mid">EUR 250</span></h6>
</span>
<span class="content-section" style="display:block">
<p><img src="un.jpg"></p>
<p>text small</p>
<h5>LARGE text</h5>
<h6><span class="mid">EUR 550</span></h6>
</span>
<span class="content-section" style="display:block">
<p><img src="un.jpg"></p>
<p>text small</p>
<h5>LARGE text</h5>
<h6><span class="mid">EUR 250</span></h6>
</span>
<script>
var prise = document.querySelectorAll('.mid');
var ifrom = 100;
var ito = 300;
for(var i = 0; i < prise.length; i++){
var elemPrise = prise[i].innerHTML.replace('EUR ', '');
if(elemPrise > ifrom && elemPrise < ito){
prise[i].parentNode.parentNode.style.display='block';
}else{
prise[i].parentNode.parentNode.style.display='none';
}
}
</script>
</body>
</html>