Установка и настройка slick

Скачать оригинал и посмотреть документацию можно на официальном сайте

Arrows

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

Примеры:

1. Элемент. В этом случае они появятся так — prev перед списком по DOM-дереву, next после списка по DOM-дереву.

   $('.carousel').slick({
       ...
       prevArrow: '<span class="carousel-prev"><i class="fas fa-chevron-left"></i></span>',
       nextArrow: '<span class="carousel-next"><i class="fas fa-chevron-right"></i></span>'
       ...
   });
   

2. Узел. В этом случае они подставятся в уже готовые пустые элементы.

   $('.carousel').slick({
       ...
       prevArrow: $('.prev'),
       nextArrow: $('.next')
       ...
   });