var $wpcs = $("#woo-product-carousel-wrapper-1476253248");
$wpcs.owlCarousel({
/*updated code of the carousel for the version 2.2.1*/ rewind:false, loop:true, autoWidth:false, responsiveClass:true, autoplayHoverPause:false, autoplay:true,
dots:false, autoplayTimeout: 4000, dotData:true, dotsEach:false, rtl:false, slideBy:1, nav:false, // we are using custom navigation arrow, so lets turn the default navigation off navText:['‹','›'], smartSpeed: 1000, // it smooths the transition, and it should be lower than the speed of the auto play responsive:{ 0 : { items:1 }, 350: { items:1 }, 480: { items:2 }, 600 : { items:3 }, 768:{ items:4 }, 978:{ items:3 }, 1198:{ items:4 } }
});
// stop on hover but play after hover out $wpcs.hover( function(){ $wpcs.trigger('stop.owl.autoplay'); }, function(){ $wpcs.trigger('play.owl.autoplay'); } );
// custom navigation for the owl carousel $(".next-1476253248").click(function(){ $wpcs.trigger("next.owl.carousel"); });
$(".prev-1476253248").click(function(){ $wpcs.trigger("prev.owl.carousel"); });
});