How to add multiple dots to slick slider?

Question

css

Good evening!
I have such a problem.
There is this block, where when you click on an arrow, a circle or a "feature" (in winter and summer, etc.), all content changes (background image, text, etc.)
I was able to implement arrows and circles using slick slider.
Now we need that when clicking on one of the features, the entire content also changes and the active feature is highlighted, like the circles in the slick slider.
How can this be implemented?
Is it possible to add several such dots in the slider? Or it is necessary to implement it through buttons?
And if through the buttons, how can you use them to turn the slick slider?
Thank you in advance!

Answer 1

Documentation slick slider
Search the page for the word "dots". There's a bunch of examples.
You can customize the points in the css file of the slider.