Owl Carousel 2, 8 items in two rows

Hira Majid picture Hira Majid · Feb 14, 2017 · Viewed 18k times · Source

Is it possible to make the Carousel in two rows? I want images like below:

01 02 03 04 05 06 07 08 09 10
11 12 13 14 15 16 17 18 19 20

& in 1 page only 1 to 4 images will be displayed due to width (or in small sized devices) so basically in one page it will be like

1 2 3 4
5 6 7 8

& clicking on next-prev controls others will be displayed. I hope I'm able to make it understand.

Answer

nabil picture nabil · Apr 30, 2019

These steps can accomplish your tasks. We can do it by

  • wrapping the item class inside the rows and columns classes(can use either custom classes or bootstrap classes)
  • adjusting responsive settings given by owl carousel plugins which will be located in js file.

If you have done something with code, please do provide code, so that we can point out the errors.