Connect multiple navigation items in slick slider?

Question

JavaScript

I use slick-slider. You need to connect for navigation - dots and buttons with the name of the product. How to make everything work at the same time?

$(document).ready(function () {
   $('.searched__slider').slick({
      arrows: true,
      dots: true,
      slidesToShow: 1,
      slidesToScroll: 1,
      infinite: false,
      speed: 1000,
      swipe: false,
      touchMove: false,
      appendDots: '.searched__box-dots',
      dotsClass: 'searched__dots',
      appendArrows: '.searched__arrow',
      prevArrow: $('.searched-arrow--prev'),
      nextArrow: $('.searched-arrow--next'),
   })
})

Answer 1

there, slick has a method called SlideToGo, it’s called, through js you find the indexes of the slides, and make a connection between them through this method