Точки и срелки управления slick slider

Кастомизация стрелок и точек управления слайдером.

По умолчанию скрипт создает код стрелок и точек, но не всегда это подходит по дизайну.

Можно перенести стрелки и точки в отдельно созданные элементы и разместить как надо.

$('.slider').slick({
  dots: true,
  arrows: true,
  infinite: true,
  speed: 300,
  slidesToShow: 1,
  adaptiveHeight: true,
  appendDots: $('.slider_new_dots'),
  appendArrows: $('.slider_new_arrows'),
});

В параметре appendDots указываем селектор элемента в котором создать новые точки (стандартные будут удалены)

А в параметре appendArrows соответственно указываем куда поместить стрелки.

 

Оставьте комментарий