Блог

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

вот мой хитрый код.

 $('.bundleTitleCarousel').slick({  slidesToShow: maxItems,  slidesToScroll: 1,  accessibility:false,  draggable: false,  asNavFor: '#bundle-lp-product-slider',  dots: false,  arrows: false,  infinite: false,  waitForAnimate: false,  focusOnSelect: true,  centerPadding:'0px',  mobileFirst:true,  responsive: [  {  breakpoint: 767,  settings: {  slidesToShow: maxItems,  slidesToScroll: 1  }  },  {  breakpoint: 320,  settings: {  slidesToShow: 3,  slidesToScroll: 1  }  }  // You can unslick at a given breakpoint now by adding:  // settings: "unslick"  // instead of a settings object  ]  });