В решении реализована бесшовная интеграция с модулем Интерактивные картинки (skyweb24.interactivepictures).
Предполагаем, что модуль у вас уже установлен. Для создания интерактивной картинки перейдите в раздел Маркетинг > Интерактивные картинки > Список интерактивных картинок:
В панели управления нажмите кнопку Создать интерактивную картинку.
![interactive pictures2.png](/upload/medialibrary/9cc/sr7qdkrk7o7ukw1d27gkkg9ictpz2jtj/interactive-pictures2.png)
Загрузите картинку, затем перейдите на закладку Объект.
![interactive pictures3.png](/upload/medialibrary/6f1/mp83pq13ewxzx0mpvyfrrxo098r99rnk/interactive-pictures3.png)
В правой части окна, на панели инструментов выберите Иконку и кликните на том месте изображения, где должна быть подсказка.
![interactive pictures4.png](/upload/medialibrary/d4b/tthrjend1i7m16xzwhu2j5x2k5sal3vm/interactive-pictures4.png)
Затем, в левой части перейдите на вкладку Содержимое тултипа, затем выберите тип содержимого Шаблон, и укажите ID товара из каталога.
![interactive pictures5.png](/upload/medialibrary/3dd/aeu5ngm8dujz5878qqsxfe1ze98on9q0/interactive-pictures5.png)
Сохраните изменения. На странице списка картинок у вас покажется созданная картинка, вам нужен только её ID.
![interactive pictures6.png](/upload/medialibrary/793/7waj09lrcvbv34lsss7a5lpili957jk9/interactive-pictures6.png)
Если вы хотите показать картинку в разделе каталога, то перейдите в инфоблок каталога и в том разделе, где нужно показать интерактивное изображение, укажите в доп. поле ИД интерактивной картинки ID созданной ранее картинки.
![interactive pictures7.png](/upload/medialibrary/032/3m4phlrd33hbby12a9sb7vki193opm1y/interactive-pictures7.png)
На странице раздела будет отображена созданная вами интерактивная картинка с проставленными точками. При наведении курсора на точку, будет показана краткая информация по товару.
![interactive pictures8.png](/upload/medialibrary/a11/pqooxlgud8cxjuribomgc0y123rme4lo/interactive-pictures8.png)
Также, вы можете выбрать горизонтальный вариант отображения, в котором изображение растянется на всю ширину секции.
![interactive pictures9.png](/upload/medialibrary/301/hzeta779bhzentbq3j425pfvk3wvbx2k/interactive-pictures9.png)
Пользовательские комментарии
Мы будем рады, если разработчики добавят свои комментарии по практическому использованию методов системы.
Для этого нужно всего лишь авторизоваться на сайте
Но помните, что Пользовательские комментарии, несмотря на модерацию, не являются официальной документацией. Ответственность за их использование несет сам пользователь.
Также Пользовательские комментарии не являются местом для обсуждения функционала.