Как настроить dots в slick slider?

Question

[Lolka21]

Приветствую, вопрос вот в чем, как настроить dots в slick slider так, что бы изначально было например 4 картоки в слайдере и все они выводятся, сам слайдер не листается, кнопок и навигации нет, но когда добоавляем еще одну карточку, тогда слайдер уже начинается листаться и навигация появляеся (сейчас ксати кнопки так и работотают, а вот dots все время виден, даже если слайдер не листается)

сообственно пример: https://codepen.io/g3nnadie/pen/vYKVJVW

буду благодарен за помощь!

Answer 1

[YavaDev]

Можно например сделать так

const slidesCount = $('.sl__item').length;
$('.sl').slick({
  slidesToShow: 4,
  dots: 4 < slidesCount,
  responsive: [
    {
      breakpoint: 1470,
      settings: {
        slidesToShow: 3,
        dots: 3 < slidesCount,
      }
    }
  ]
});

Comments

[Lolka21]

спасибо, помогло)