Как реализовать несколько slick-sliderов с одинаковым классом?

Question

[Василий Хрягин]

У меня есть несколько слайдеров одного класса, и мне надо чтобы стрелки переключали только свой слайдер
я попробовал вот так, но не понятно от куда идет инициализация

prevArrow: $(this).parents().find('.thumbnail-slider_prev-arrow'),
  nextArrow: $(this).parents().find('.thumbnail-slider_next-arrow'),

Подскажите пожалуйста как сделать?

<div class="thumbnail">
								<div class="thumbnail-slider">
									<a href="#" class="thumbnail-slider__item" style="background-image: url(img/main/product1.jpg);"></a>
									<a href="#" class="thumbnail-slider__item" style="background-image: url(img/main/product2.jpg);"></a>
									<a href="#" class="thumbnail-slider__item" style="background-image: url(img/main/product3.jpg);"></a>
									<a href="#" class="thumbnail-slider__item" style="background-image: url(img/main/product4.jpg);"></a>
								</div>
								<div class="thumbnail-slider-arrow thumbnail-slider_prev-arrow"></div>
								<div class="thumbnail-slider-arrow thumbnail-slider_next-arrow"></div>
							</div>

$('.catalog-wrap .goods-item .thumbnail-slider').slick({
  infinite: true,
  fade: true,
  slidesToShow: 1,
  slidesToScroll: 1,
  arrows: true,
  prevArrow: '.thumbnail-slider_prev-arrow',
  nextArrow: '.thumbnail-slider_next-arrow',
});

Answer 1

[Максим]