While building the carousel I realized that an owl add's cloned duplicate items. My owl config looks like this. How do i stop this from happening.
owlDfe.owlCarousel({ loop: false, autoWidth:false, nav:false, responsiveClass:true, responsive:{ 0:{ items:sizes.mobile_portrait }, 568:{ items:sizes.mobile_landscape }, 768:{ items:sizes.ipad }, 800:{ items:sizes.desktop }, 1000:{ items:sizes.desktop, } } });
I had this issue - I found that setting the loop option to false resolved it for me.
So, I've been banging my head over this cloning issue with passing click events to the cloned slide....
what finally solved it for me is to set these two config values:
loop: false, rewind: true
This will allow the carousel to still loop around but not duplicate slides.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With