Create Vertical Owl slider with 2 itmes at a time

inrsaurabh picture inrsaurabh · Nov 1, 2017 · Viewed 8.1k times · Source

I am using Owl carousel to create slider I created one horizontal slider but I need one vertical one as well with three items at a time.

vertical_slider

I searched but no answer or related post found.

Update:

I used slick slider that time and that was working as i want. But in owl, I am not able to do that.

Answer

eli picture eli · Jan 20, 2020

In css you should add:

      .item {
            transform: rotate(-90deg);
        }
      .owl-carousel{
             transform: rotate(90deg);
        }

In js add :

        $('.owl-carousel').owlCarousel({ 
           loop: true,
           items: 3,
           animateOut: 'slideOutUp',
           animateIn: 'slideInUp'
         });