How to customize Slick slider?

Question

css

The functionality of the mentioned slider is somehow poorly described. Maybe someone knows where to look for a complete instruction for working with this slider?
Well, for example, I now need to learn how to manipulate the navigation buttons.
I found the answer to the question of how to replace them (I haven’t tried it yet, in parallel with the experiments I ask a question so as not to waste time):

$('.slider').slick({
  infinite: true,
  slidesToShow: 3,
  slidesToScroll: 3,
  dots: true,
  prevArrow: '<img src="тут ссылка на левую картинку">',
  nextArrow: '<img src="тут ссылка на правую картинку">'
});

Now to learn how to position them.
As for turning off, turning on, changing the speed ... It's clear ...
But those descriptions that I've seen clearly DO NOT fully describe the FUNDAMENTAL concepts.
Thanks in advance.

Answer 1

On the off site everything seems to be clearly described.

prevArrow: '<span class="icon icon_left"></span>',
nextArrow: '<span class="icon icon_right"></span>'

And you set up the class as you need.
+ is appendArrows will add arrows to the block you need.
With dots, everything is almost the same.