Как сделать в slick слайдере вывод колонками по 9 штук например?

Question

[omgcity]

Добрый день, есть slick слайдер в нем слайды идут float:left друг за другом, как мне сделать чтобы слайды были по 9 штук например и в 3 колонки 3х3 разметка. Например применить flex wrap и слайды по 33%


Вывод идет так:

<div class="slider">
 <div class="slide"></div>
<div class="slide"></div>
<div class="slide"></div>
<div class="slide"></div>
<div class="slide"></div>
<div class="slide"></div>
<div class="slide"></div>
<div class="slide"></div>
<div class="slide"></div>
<div class="slide"></div>
<div class="slide"></div>
<div class="slide"></div>
<div class="slide"></div>
<div class="slide"></div>
<div class="slide"></div>
<div class="slide"></div>
<div class="slide"></div>
<div class="slide"></div>
<div class="slide"></div>
<div class="slide"></div>
<div class="slide"></div>
<div class="slide"></div>
<div class="slide"></div>
</div>

Comments

[bbruh]

просто в js скрипте слайдера написать rows:3, slidesToShow: 3, slidesToScroll: 3,

даже не знаю, почему никто на такой простой вопрос не ответил...

Answer 1

[Вазген Алексанян]

вы это так просто не сделаете, не пробовал не скажу точно, но в голову приходит такой мысль -
сделаете 3 разные слайдеры друг под другом с одним классом, и на этот класс подключайте .slick()
может получиться что.

Answer 2

[bbruh]

просто в js скрипте слайдера написать rows:3, slidesToShow: 3, slidesToScroll: 3,

даже не знаю, почему никто на такой простой вопрос не ответил...