Вы находитесь в новой версии нашей документации. Сейчас мы активно переносим статьи и некоторый контент может быть не доступен. Вы все еще можете воспользоваться  старой версией  документации.
Темная тема

Интерактивные картинки

В решении реализована бесшовная интеграция с модулем Интерактивные картинки (skyweb24.interactivepictures).

Предполагаем, что модуль у вас уже установлен. Для создания интерактивной картинки перейдите в раздел Маркетинг > Интерактивные картинки > Список интерактивных картинок:

interactive pictures.png

В панели управления нажмите кнопку Создать интерактивную картинку.

interactive pictures2.png

Загрузите картинку, затем перейдите на закладку Объект.

interactive pictures3.png

В правой части окна, на панели инструментов выберите Иконку и кликните на том месте изображения, где должна быть подсказка.

interactive pictures4.png

Затем, в левой части перейдите на вкладку Содержимое тултипа, затем выберите тип содержимого Шаблон, и укажите ID товара из каталога.

interactive pictures5.png

Сохраните изменения. На странице списка картинок у вас покажется созданная картинка, вам нужен только её ID.

interactive pictures6.png

Если вы хотите показать картинку в разделе каталога, то перейдите в инфоблок каталога и в том разделе, где нужно показать интерактивное изображение, укажите в доп. поле ИД интерактивной картинки ID созданной ранее картинки.

interactive pictures7.png

На странице раздела будет отображена созданная вами интерактивная картинка с проставленными точками. При наведении курсора на точку, будет показана краткая информация по товару.

interactive pictures8.png

Также, вы можете выбрать горизонтальный вариант отображения, в котором изображение растянется на всю ширину секции.

interactive pictures9.png
Наверх