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

Question

[neytan]

Добрый день. Может кто то сталкивался. Необходимо сделать слайдер с изменением цвета товара и вынесенными палитрами, по клику на которые слайдер будет переключаться и при переключении самого слайдера и выборе товара должна подсвечиваться текущая палитра, которая расположена вне слайда. Прикрепляю скрин примера (там выбирается по 2 товара и подсвечивается 2 палитры, вполне достаточно будет 1 товар 1 палитра) Может есть готовое решение, если на основе slick slider или owl carousel - будет вообще супер. Посещали мысли что если вручную добавить индикаторы слайдов (dots) в нужном количестве и стилизовать их, но не нашел как это сделать (они выводятся автоматически). Скрин:

Answer 1

[tyzberd]

у слайдеров есть события и методы, привязывайтесь к ним и пишите свой js kenwheeler.github.io/slick
например при ивенте afterChange получаем номер текущего слайда, потом по тому же номеру находим палитру и подсвечиваем.
также при клике на палитре юзаем slickGoTo

Answer 2

[Sagrana]

У slick есть возможность синхронизации двух слайдеров (Slider Syncing). Первым слайдом сделайте товары, а вторым палитру. Будет работать именно так, как вам надо.