Как реализовать данный слайдер через slick slider?

Question

[selfinsight]

Как реализовать данный слайдер так чтобы второй ряд начинался с половины слайда. А первый и третий заканчивались половиной слайда. Я использую слайдер slick и опцию 'rows: 3'. Буду благодарен за любые идеи.



Вот что у меня пока получилось:

Answer 1

[Стефан]

Сместите центральный слайдер на сколько то пикселей и будет вам счастье
transform: translateX(100px);
что то типо такого к центральному слайдеру примените

И используйте не 'rows: 3', а сделайте 3 отдельных слайдера

Comments

[selfinsight]

Дело в том что это один слайдер с тремя рядами

[Стефан]

И используйте не 'rows: 3', а сделайте 3 отдельных слайдера

[selfinsight]

Стефан, а соединить их через "asNavFor"?

[Стефан]

selfinsight, Они должны все вместе по 1 клику двигаться?

[selfinsight]

Стефан, Да, все вместе

[Стефан]

selfinsight, Тогда да, либо через asNavFor, либо вручную обрабатывайте клик и вызывайте прокрутку у слайдера каждого

[selfinsight]

Стефан, Спасибо)