Добавляется js: https://huynhhuynh.github.io/owlcarousel2-filter/dist/owlcarousel2-filter.min.js
$(document).ready(function(){
var owl=$('.owl_1').owlCarousel({
loop:false,
margin:0,
items:4,
nav:true,
dots:false,
navText:['<i class="fa fa-angle-left"></i>','<i class="fa fa-angle-right"></i>'],
});
$('.owl-filter-bar').on('click','li',function(){
var item=$(this);
$('.owl-filter-bar ul li').removeClass('active');
item.addClass('active');
var filter=item.data('owl-filter');
owl.owlcarousel2_filter(filter);
});
});
<div class="owl-filter-bar">
<ul>
<li data-owl-filter="*" class="active">Все</li>
<li data-owl-filter=".d1">1</li>
<li data-owl-filter=".d2">2</li>
<li data-owl-filter=".d3">3</li>
<li data-owl-filter=".d4">4</li>
<li data-owl-filter=".d5">5</li>
</ul>
</div>
<div class="owl-carousel owl-theme owl_1">
<div class="item d1"></div>
<div class="item d2"></div>
<div class="item d3"></div>
<div class="item d4 d5"></div>
<div class="item"></div>
</div>
https://huynhhuynh.github.io/owlcarousel2-filter/
при клике внутри label по блоку .finded отменить стандартное действие и отправить форму
$('.filters_inline label').on('click',function(event){
if($(event.target).closest(".finded").length){
event.preventDefault();
$(this).closest('form').submit();
}
});
Закомментировать данный код в chosen.jquery.js
AbstractChosen.browser_is_supported = function() {
/*
if ("Microsoft Internet Explorer" === window.navigator.appName) {
return document.documentMode >= 8;
}
if (/iP(od|hone)/i.test(window.navigator.userAgent) || /IEMobile/i.test(window.navigator.userAgent) || /Windows Phone/i.test(window.navigator.userAgent) || /BlackBerry/i.test(window.navigator.userAgent) || /BB10/i.test(window.navigator.userAgent) || /Android.*Mobile/i.test(window.navigator.userAgent)) {
return false;
}
*/
return true;
};
Для нормальной работы ui на мобильных устройствах подключить https://github.com/furf/jquery-ui-touch-punch