Search code examples
javascriptjqueryowl-carousel

Owl carousel in multiple boxes, different showcase

I would like multiple owl carousels on my webpage. My only problem is that in one box i need only one Item showcased and in another box i need 3 items and my script is referring to both. How could i target them to have these things different.check the example picture. I read something about carousel data but i don't think it helps.

Solution

  • add two different classes, ex: demo and demo1 and call the function on them:

    $('.demo').owlCarousel({}
$('.demo1').owlCarousel({}