Проблема с отображением Слик Слайдера

Есть СликСлайдер, где малый слайдер, привязан с большим.

$('.images-product__mainslider').slick({ speed: 1000, infinity: true, slidesToShow: 1, arrows: false, dots: false, asNavFor: '.images-product__subslider' }); $('.images-product__subslider').slick({ speed: 1000, infinity: true, slidesToShow: 4, arrows: false, dots: false, asNavFor: '.images-product__mainslider', });

Задача состоит в том,чтобы при нажатии на малый слайдер,он выделялся оранжевой рамкой,я присвоил классы малому слайдеру на один из активных слайдов и всё вроде бы хорошо..но проблема в том,что малый слайдер делает все слайды активными...