Slick: Feature request: Multiple rows

[haakemon]

Hi.

Would it be possible to implement an option to have multiple rows in a slider? See attached image..

[kenwheeler]

How would that work? Like what would the rules be?

[haakemon]

If we had a property for a rowcount, add slides vertically until we reach the rowcount then start at the next column maybe? Do you need anything else?

[kenwheeler]

Hmmm. Couldn't you just use a modulus and put them inside of a slide div?

[haakemon]

Yes, maybe that could work, but wouldnt that make it complicated if I were to add/remove slides dynamically?

[kenwheeler]

Indeed it would. Let me look into this and see if it wouldn't add too much weight.

[haakemon]

Thanks for looking into it. If its not possible, I'll just add multiple items within a slide and figure it out :)

[cagintopkaya]

this would be great.

[jonmunson]

Adding a parameter to specify the number or rows at each breakpoint would also be useful. It would allow for building a 'photo wall' for example. Useful!

[senojeel]

I am looking for this functionality too.

[claudchan]

+1

[tomtunstill]

Also looking for multiple rows, but slightly different to the example above.

I'd like to be able to set the number of rows, each row filling left -> right in turn.
i.e.

This only really makes sense as a 'vertical' mode. I could do this with the multiple items in a slide approach, but responsive design becomes tricky doing it this way.

[asanger]

+1 for @tomtunstill's request. Trying to figure out a good approach.

[tomtunstill]

Decided to use a different approach in the end, but also came up with some code to arrange the divs into pages before slickifying - it's a little rough, will refine when I get time to be responsive. See http://tomtunstill.github.io/

[marcoalexpinheiro]

+1 for @tomtunstill's request!! It was the unique feature that I miss!

[baqirfarooq]

$('.carousel').slick({ dots: true, slidesPerRow: 3, rows: 2, responsive: [ { breakpoint: 478, settings: { slidesPerRow: 1, rows: 1, } } ] });