MixItUp плагин сортировки + Slick слайдер. Как отключить переходы?

Question

[ole92]

Всем привет, столкнулся с проблемой.

Подключен плагин сортировки MixItUp и один слайдер Slick. В самом слайдере работает сортировка сертификатов. Все отлично работает, но когда допустим показаны всего два сертификата продолжает работать навигация влево и вправо и прокручивает на пустые блоки.

Подскажите пожалуйста как можно решить эту проблему? Заранее спасибо!

Сайт: dev8.olmor.com.ua (Предпоследний раздел "Сертификаты")

JS:

$(".cert-slider").slick({
dots: true,
infinite: false,
slidesToShow: 4,
slidesToScroll: 1,
prevArrow: '',
nextArrow: '',
responsive: [
{
breakpoint: 800,
settings: {
slidesToShow: 3,
slidesToScroll: 3,
infinite: true,
}
},
{
breakpoint: 580,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
infinite: true,
}
}],
});

$(function () {
$(".cert-slider").mixItUp({
controls: {
activeClass: 'on'
}
});
});

Answer 1

[Денис Денис]

после фильтрации нужно добавлять класс видимым элементам, и фильтровать slick по ним

$('.cert-slider').on('mixEnd', function() {
      $('.cert-slider').slick('slickFilter', '.activemixclass');
  });

Comments

[ole92]

Спасибо за Ваш ответ! Понял в каком направлении двигаться. Определяю категорию по клику. Но работает почему то только вторая категория, и то только по первому клику. В чем может быть проблема?

$(".cert-cat li a").click(function () {
var cat = $(this).attr("data-filter");
$('.cert-slider').on('mixEnd', function () {
console.log(cat);
$('.cert-slider').slick('slickFilter', cat);
});
});

[ole92]

Проверил, фильтруются все категории, но только один раз. После второго клика скрываются все сертификаты.

[ole92]

Обошелся стандартным slick фильтром. Но ваш вариант думаю тоже рабочий. Еще раз спасибо за помощь!

$(".cert-cat li a").click(function () {
var cat = $(this).attr("data-filter");
if (cat == ".all") {
$('.cert-slider').slick('slickUnfilter');
$('.cert-slider').slick('slickFilter', '.mix');
} else {
$('.cert-slider').slick('slickUnfilter');
$('.cert-slider').slick('slickFilter', cat);
}
});

Answer 2

[Егор Живагин]

Это вы сами в html пустых блоков навставляли или MixItUp ?)
Я плохо представляю, как он работает, но проблема определённо не в слике. Могу посоветовать только читать документацию и думать