OWL carousel

 

$("#products-1").addClass("owl-one owl-carousel owl-theme");
$("#products-2").addClass("owl-one owl-carousel owl-theme");
$("#products-4").addClass("owl-one owl-carousel owl-theme");
$("#products-7").addClass("owl-one owl-carousel owl-theme");


<script src='https://cdn.myshoptet.com/usr/code.kubanavratil.com/user/documents/upload/res2020/owl.carousel.min.js' type="text/javascript"></script>
<script>
$(document).ready(function(){
$('.owl-one').owlCarousel({
loop:true,
dots:true,
margin:10,
responsiveClass:true,
responsive:{
0:{
items:1,
nav:false,
autoplay:true,
autoplayTimeout:4000,
autoplayHoverPause:true
},
768:{
items:2,
nav:false,
autoplay:true,
autoplayTimeout:4000,
autoplayHoverPause:true
},
1000:{
items:4,
nav:false,
loop:true,
autoplay:true,
autoplayTimeout:4000,
autoplayHoverPause:true
}
}
});
});
</script>