Как в slick сделать такие переключатели?

Question

[Александр]

Подскажите пож-ста как в слик сделать подобное? Именно позиционирование arrows к dots

spoiler

Пробовал самостоятельно, но все упирается в кол-во слайдов, нужно чтобы стрелки "прилипали" к dots

Comments

[Виталий Першин]

точки и стрелки не связаны, поэтому единственный вариант что я вижу, это через js либо количество точек считать либо ширину, смотря как вы позиционируете стрелки и стрелкам на основе этих данных задавать стили...

Answer 1

[inkShio]

Создаешь блок для всего этого к примеру .SlickNavBlock
Дальше пишешь эти опции

// в них добавляешь что то типо того
appendDots: $(this).closest('.slider').find('.SlickNavBlock'),
appendArrows: $(this).closest('.slider').find('.SlickNavBlock'),

Дальше пишешь эти опции

prevArrow: '<span class="slick-arrow_custom-left"></span>',
nextArrow: '<span class="slick-arrow_custom-rigth"></span>',
dotsClass: 'slick-custom-dots',

И все, дальше дело за CSS.