Это решение делает отдельные участки картинки кликабельными (интерактивными).
При наведении курсором мышки на область она подсвечивается (появляется обводка), также подсвечивается кнопка, которая относится к этому объекту. Если курсор мышки навести на кнопку, то подсветится соответствующая область и сама кнопка. При клике на область или кнопку можно перейти на страницу с описанием этого объекта.
Для реализации этого решения нужна прорисованная картинка, которая в дальнейшем станет интерактивным изображением. В админке сайта нужно создать каждую кликабельную область отдельным ресурсом и проставить ее координаты. Если объект состоит из нескольких областей, то можно задать несколько диапазонов координат. Для определения координат нужно перейти по ссылке домен_сайта/map/. Откроется модуль определения координат. Нужно проставить точки на изображении и скопировать полученные координаты в нужное поле в админку.
Также нужно задать ID ресурса в дереве сайта, на который будет осуществляться переход с области.
Это решение поддерживает мультиязычность. Если на сайте несколько языков, то вам нужно будет задать заголовки областей для каждого языка и ID ресурсов, если языки сделаны параллельными структурами.
