First time working with owl.carouse, and i cant seem to get it to work.
My html setup is this. And i want the PakWrapper to be the slide items. So i get 3 product li inside.
<div id="owl-demo" class="category-products">
<div class="pakWrapper item">
<ul class="product-list">
<li class="item"></li>
<li class="item"></li>
<li class="item"></li>
</ul>
</div>
<div class="pakWrapper item">
<ul class="product-list">
<li class="item"></li>
<li class="item"></li>
<li class="item"></li>
</ul>
</div>
</div>
the owl code
<script>
$(document).ready(function() {
$("#owl-demo").owlCarousel({
autoPlay: 3000, //Set AutoPlay to 3 seconds
items : 1,
loop : true,
nav: true,
itemsDesktop : [1199,3],
itemsDesktopSmall : [979,3]
});
});
</script>
Can you tell me why it dont work??