Почему Slick slider переключает все слайдеры на странице?

Question

[Jussss92]

Привет. Почему может быть такое?
texenergo21.pr-ff.ru/category.php если переключиться на плитку (нажать сюда)

На других страницах все норм, когда в карточке инициилизирую, то переключается только в 1 карточке.
А здесь почему то все слайдеры сразу.
Код такой:

$('.three-sub-slider').slick({
		arrows: false,
		slidesToShow: 2,
		slidesToScroll: 1,
		vertical: true,
		asNavFor: ".cart-items-three-slider",
	})
	$('.cart-items-three-slider').slick({
		arrows: true,
		slidesToShow: 1,
		slidesToScroll: 1,
		asNavFor: ".three-sub-slider",
	})
	$('#item-grid').click((e)=> {
		console.log(e.target)
		setTimeout(()=> {
			$(".cart-items-three-slider").slick('reinit');
			$(".three-sub-slider").slick('reinit');
		},200)


	})

инициализировать приходится т.к. при переключении табов он не работает

Answer 1

[Игорь Несов]

По ходу, у ".three-sub-slider" класс один для всех товарных карточек.
Может попробовать персонифицировать id-шник слайдера? Например, зашить в него id товара, чтобы на выходе получить строку $('#item-grid-(ID товара)').click((e)=>
И таки да, с jQ 3.5.1 параметр asNavFor работает, прямо скажем, не айс.