Создание интерактивной схемы деталей на сайт (OpenCart)

Суть такова: на векторные изображения необходимо установить скрипт, который при наведении на конкретную деталь, меняет цвет детали на активный через анимацию, и рядом появляется блок с информацией об этой конкретной детали: наименование, техническая информация, цена, наличие и т.д.

Место на сайте https://hyper-trade.ru/plazmennaja-rezka/hyper/hyper_hpr/hyper-hpr130/

Также на деталь можно кликать и она сразу переводит пользователя на карточку товара.

Изображение отрисованы.

Жду ваших идей и предложение по реализации.