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

Question

[Underdoggit]

Всем привет, не нашел инфы в официальной документации slick. Есть слайдер(работает только на sm экранах) на md\lg - таблица, в нем 4 слайда и они построены по "Variable Width", т.е один слайдер по центру и остальные обрезанные по бокам, при срабатывании брейкпоинта я скрываю один из слайдов с помощью display: none, слайд исчезает, но toggle показывает 4 слайда и неправильно режет бока остальных слайдов. Для проверки удалял нужный слайд из разметки html - все идеально. В общем display: none срабатывает как надо, но slick все равно видит его в разметке и обрабатывает его как слайд. Есть какой нибудь толковый вариант, допустим через скрипт удалить нужный слайд перед инициализацией?
1 - скрываю слайд с помощью display:none - слайд исчезает, toggle нет.

Удаляю из разметки ненужный на sm экранах слайд - космос.

Comments

[Сергей delphinpro]

Загляните в документацию слайдера. Вам нужны событие breackpoint и методы slickAdd/slickRemove

Вместо удаления можно воспользоваться парой методов slickFilter/slickUnfilter

[Underdoggit]

Сергей delphinpro, Не подскажите, а как правильно прописать данный метод в breakpoint? Пытаюсь его прописать, но скрипт не работает, плюс в брейкпоинте судя по документации прописываются только settings, а методы (slickAdd\Remove) прописываются ниже после цикла.

[Сергей delphinpro]

Underdoggit, Вы перепутали опцию и ивент.
Ивенты описаны на странице после опций. Они так вешаются

$('.your-slider').on('breakpoint', function(event, slick, breakpoint){

});

В опциях слайдера у вас будут прописаны брикпойнты, и при переключении будет срабатывать это событие.

[Underdoggit]

Сергей delphinpro, Спасибо большое