XF 2.1 Show multiple items at once in slider / carousel

[FloV]

Hey there,

let's take the notifications for example. I would like to show mutiple notifications at once and i'm not sure how to pass that to the slider.

On the Github page of lightslider (http://sachinchoolur.github.io/lightslider/examples.html) i've seen that there is a setting for shown items at once. In the /js/carousel.js file in line 73 - 74 it says the following:

this.slider = this.$target.lightSlider({
                item: options.items,

So, my question is: How can i pass options.items to the carousel.js?

Thanks in advance for your help.

Flo

 

[Joe Link]

Did you get this figured out?

 

[FloV]

Yes, very easy!

In the UL Element (the carousel-body) try the additional class "carousel-body--show4", where 4 is the number the items are shown.

 

[Joe Link]

Thank you!

 

[Orit]

Yes, very easy!

In the UL Element (the carousel-body) try the additional class "carousel-body--show4", where 4 is the number the items are shown.

Thank you so much for this!

Is there any way to get it to display 4 on desktop and 2 on mobile?

 

[Yenxji]

Thank you so much for this!

Is there any way to get it to display 4 on desktop and 2 on mobile?

I have the same question about this, did you make it? I know this is 2 years

 

[JohnLogar]

I have the same question about this, did you make it? I know this is 2 years

Yes, I just tested it, and it worked perfectly. I’d like to mention one thing regarding caching: when you change the number, like show4 or show5, try checking it in a private window. The changes might not reflect immediately due to JavaScript caching.