Конструктор интерактивных картинок. Выделение объектов, метки на фото, настройка подсказок и ссылок

Модуль «Интерактивные картинки» - это удобный инструмент, который позволяет создавать на вашем сайте неограниченное количество интерактивных картинок. Вы сможете выделить нужные участки или разместить иконки, при наведении на которые будет отображаться подсказка с информацией, указанной вами (текст, картинка, видео, товар и т.д.).Модуль очень прост и понятен в использовании, поэтому вы сможете легко создавать интерактивные картинки самостоятельно, без помощи сторонних специалистов.Он станет незаменимым инструментом для владельцев сайтов в области строительства и интернет-магазинов различных тематик. Мы постоянно развиваем модуль, добавляя новый функционал для еще более удобной и продуктивной работы с ним. ⭐ Создание неограниченного количества интерактивных картинок: модуль позволяет вам создавать столько картинок, сколько вам необходимо, без ограничений. ⭐ Интуитивно понятный и гибкий редактор: редактор модуля обладает простым и интуитивно понятным интерфейсом, что позволяет легко выделять области на картинке и настраивать их параметры. ⭐ Выделение различных областей и настройка тултипов: с помощью встроенных инструментов вы можете выделять различные области на интерактивной картинке и настраивать тултипы для каждой области. Тултипы могут содержать текст, изображения, видео или другую информацию, которую вы хотите отобразить при наведении на область. ⭐ Гибкость в выборе содержимого тултипов: модуль позволяет вам добавлять как статическую, так и динамическую информацию в тултипы с привязкой к инфоблоку. Вы можете использовать текстовые описания, изображения, видео или даже товары из вашего интернет-магазина. ⭐ Статистика показа и выполнения целевых действий: модуль предоставляет вам статистику о показах интерактивных картинок и выполнении целевых действий, которые вы определили. Вы сможете отслеживать эффективность ваших картинок и вносить необходимые корректировки для достижения лучших результатов. ✅Два способа интеграцииМодуль предоставляет два удобных способа интеграции интерактивных картинок, вы можете вставить картинку через код компонента в нужном месте вашего сайта или использовать iframe для размещения картинки на любом стороннем сайте.✅Полная кастомизацияМодуль позволяет полностью настроить внешний вид слоев и тултипов с помощью CSS, вы можете применять свои стили и адаптировать интерактивные картинки под дизайн вашего сайта.✅Привязка к элементу инфоблокаВы можете добавлять динамические данные в тултипы, которые автоматически обновляются при изменении элемента инфоблока, это позволяет вам легко поддерживать актуальность информации и предоставлять пользователю всегда свежие данные.✅Встроенный помощник редактора тултипаМодуль предоставляет встроенного помощника, который упрощает процесс добавления содержимого в тултипы, всего за несколько кликов вы сможете добавить текст, изображения, видео или другие элементы в тултипы, без необходимости вручную вводить информацию. Бесплатный 7-дневный демо-период позволяет протестировать функционал модуля в полном объеме и убедиться, что он успешно решает ваши бизнес-задачи!Если у вас появилась идея или пожелание по доработке нашего модуля, пожалуйста, напишите нам на почту skyweb24@yandex.ru или в чат открытой линии.Мы обязательно рассмотрим ваше предложение и обсудим возможность его внедрения в рамках обновления или персональной доработки модуля.Если вам понравилась работа нашего модуля, пожалуйста, оставьте отзыв на специальной вкладке "Отзывы", данной страницы. Мы будем очень вам благодарны!А также, чтобы своевременно узнавать о выходе обновлений наших продуктов и другой полезной информации, мы рекомендуем вам подписаться на наши соцсети:

Конструктор интерактивных картинок. Выделение объектов, метки на фото, настройка подсказок и ссылок

Купить: 7 900 руб.

Попробовать (7 дней) Онлайн-демо

от СкайВеб24

• Описание
• Отзывы (7)
• Обсуждения (29)
• Что нового
• Установка
• Поддержка

Описание

Технические данные

Опубликовано:

07.03.2018

Обновлено:

02.04.2025

Версия:

1.5.0

Установлено:

500 - 999 раз

Подходящие редакции:

«Старт», «Стандарт», «Малый бизнес», «Бизнес», «Корпоративный портал», «Энтерпрайз», «Интернет-магазин + CRM»

Адаптивность:

Да

Поддержка Композита:

Да

Совместимо с Сайты24

Нет

Совместимо с PHP 8.1

Да

Пользовательское соглашение

Описание

Модуль «Интерактивные картинки» - это удобный инструмент, который позволяет создавать на вашем сайте неограниченное количество интерактивных картинок. Вы сможете выделить нужные участки или разместить иконки, при наведении на которые будет отображаться подсказка с информацией, указанной вами (текст, картинка, видео, товар и т.д.).

Модуль очень прост и понятен в использовании, поэтому вы сможете легко создавать интерактивные картинки самостоятельно, без помощи сторонних специалистов.

Он станет незаменимым инструментом для владельцев сайтов в области строительства и интернет-магазинов различных тематик. Мы постоянно развиваем модуль, добавляя новый функционал для еще более удобной и продуктивной работы с ним.

⭐ Создание неограниченного количества интерактивных картинок: модуль позволяет вам создавать столько картинок, сколько вам необходимо, без ограничений.⭐ Интуитивно понятный и гибкий редактор: редактор модуля обладает простым и интуитивно понятным интерфейсом, что позволяет легко выделять области на картинке и настраивать их параметры.⭐ Выделение различных областей и настройка тултипов: с помощью встроенных инструментов вы можете выделять различные области на интерактивной картинке и настраивать тултипы для каждой области. Тултипы могут содержать текст, изображения, видео или другую информацию, которую вы хотите отобразить при наведении на область.⭐ Гибкость в выборе содержимого тултипов: модуль позволяет вам добавлять как статическую, так и динамическую информацию в тултипы с привязкой к инфоблоку. Вы можете использовать текстовые описания, изображения, видео или даже товары из вашего интернет-магазина.⭐ Статистика показа и выполнения целевых действий: модуль предоставляет вам статистику о показах интерактивных картинок и выполнении целевых действий, которые вы определили. Вы сможете отслеживать эффективность ваших картинок и вносить необходимые корректировки для достижения лучших результатов.

✅	Два способа интеграции Модуль предоставляет два удобных способа интеграции интерактивных картинок, вы можете вставить картинку через код компонента в нужном месте вашего сайта или использовать iframe для размещения картинки на любом стороннем сайте.
✅	Полная кастомизация Модуль позволяет полностью настроить внешний вид слоев и тултипов с помощью CSS, вы можете применять свои стили и адаптировать интерактивные картинки под дизайн вашего сайта.
✅	Привязка к элементу инфоблока Вы можете добавлять динамические данные в тултипы, которые автоматически обновляются при изменении элемента инфоблока, это позволяет вам легко поддерживать актуальность информации и предоставлять пользователю всегда свежие данные.
✅	Встроенный помощник редактора тултипа Модуль предоставляет встроенного помощника, который упрощает процесс добавления содержимого в тултипы, всего за несколько кликов вы сможете добавить текст, изображения, видео или другие элементы в тултипы, без необходимости вручную вводить информацию.

Бесплатный 7-дневный демо-период позволяет протестировать функционал модуля в полном объеме и убедиться, что он успешно решает ваши бизнес-задачи!

Если у вас появилась идея или пожелание по доработке нашего модуля, пожалуйста, напишите нам на почту skyweb24@yandex.ru или в чат открытой линии.
Мы обязательно рассмотрим ваше предложение и обсудим возможность его внедрения в рамках обновления или персональной доработки модуля.

Если вам понравилась работа нашего модуля, пожалуйста, оставьте отзыв на специальной вкладке "Отзывы", данной страницы. Мы будем очень вам благодарны!

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

Отзывы (7)

Обсуждения (29)

Обсуждения (29 )

Авторизуйтесь , чтобы оставить отзыв или задать вопрос разработчику.

Пользователь 1573761 19 апреля 2024 06:09

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

Кирилл Лозицкий (разработчик) 19 апреля 2024 09:10

Артем Игнатьев, добрый день!
Да, при редактировании элемента инфоблока значения в тултипе будут обновляться автоматически.
При этом есть 2 варианта добавления динамической информации об элементах в подсказку:
1. Настроить содержимое тултипа через помощник и выбрать динамические значения элемента. Подробнее в документации - https://skyweb24.ru/documentation/interactivepictures/lesson246/
2. Настроить содержимое тултипа через шаблон. Подробнее в документации - https://skyweb24.ru/documentation/interactivepictures/lesson443/

Пользователь 6303370 14 февраля 2024 16:28

Можно ли такую картинку вставить на детальную страницу товара?

Кирилл Лозицкий (разработчик) 14 февраля 2024 19:26

Эдуард Удинов, добрый день!
Да, модуль позволяет разместить интерактивную картинку на детальной странице каталога двумя способами:
1. Разместить компонент модуля в шаблоне детальной страницы товара и передать в него ID нужной интерактивной картинки.
2. Вставить код iFrame нужного интерактивного изображения в детальное описание товара.

Пользователь 291336 19 сентября 2023 09:13

еще проблема - не различает клик кнопки по активной области - отрабатывает и на нажатие левой и на нажатие правой кнопки мыши

как настроить чтобы работало только левая?

Артём Дубин (разработчик) 20 сентября 2023 09:26

Роман Семёнов,
Ошибка локализована, установите, пожалуйста, обновление 1.4.2

Пользователь 291336 18 сентября 2023 12:00

еще одна проблема проявилась - загружаю по несколько интерактивных планов на странице с активными областями (кликабельными) - и в разных планах случайным образом перестают работать кликабельные области

когда то 1 работает когдато другая, иногда работают все

что с этим делать?

Артём Дубин (разработчик) 20 сентября 2023 09:25

Роман Семёнов, данная ошибка связана с доработками модуля на вашем сайте.
Мы ответили на ваше обращение в открытой линии, предлагаю продолжить обсуждение там.

Пользователь 291336 18 сентября 2023 09:38

непонятные тормоза при показе интерактивной картинки когда блок скрыт

скрываю на странице блок интерактивного плана

<div class style="display:none; "> тут компонент интерактивного плана</div>

когда страница полностью загружена (так же можно подождать хоть 1 минуту) - затем включаю блок через js (по кнопке убирается display:none) - интерактивный план показывается не сразу а через несколько секунд

как избежать данного лага?

Артём Дубин (разработчик) 20 сентября 2023 09:24

Роман Семёнов, добрый день!
Мы ответили на ваше обращение в открытой линии, предлагаю продолжить обсуждение там.

1 - 5 из 29

Назад12...6Вперед

Что нового

1.5.0 (02.04.2025)	1. Улучшена совместимость с Bitrix версии 25.Х. 2. Улучшена совместимость с версией PHP 8.4. 3. Повышена безопасность модуля. 4. Доработано отображение тултипов (для больших объёмов)
1.4.9 (18.02.2024)	1. Восстановлена совместимость модуля с PHP 7.4. 2. Улучшена совместить модуля с Bitrix версии 23.x. 3. Добавлена возможность отключения информера СкайВеб24 в админке сайта. 4. Прочие мелкие bugfix и исправления.
1.4.8 (28.12.2023)	1. Оптимизирована работа модуля в анонимном режиме.
1.4.7 (30.11.2023)	1. Обновлен установщик модуля.
1.4.5 (27.11.2023)	1. Доработан установщик модуля.
1.4.4 (05.10.2023)	1. Улучшена работа модуля.
1.4.3 (28.09.2023)	1. Поправлен вывод иконок.
1.4.2 (20.09.2023)	1. Исправлена ошибка срабатывания событий при клике правой кнопкой мыши на шейпы интерактивной картинки. 2. Исправлена ошибка задержки загрузки при открытии страницы с интерактивной картинкой. 3. Исправлена ошибка анимации загрузки изображения. 4. Незначительные улучшения в административной части.
1.4.1 (18.07.2023)	1. Техническое обновление.
1.4.0 (16.06.2023)	1. На странице настройки интерактивной картинки добавлена ссылка на страницу редактирования шаблона тултипа. 2. На странице настройки интерактивной картинки исправлена ошибка отображения ссылки на элемент шаблона тултипа. 3. Исправлен ряд незначительных ошибок.
1.3.6 (11.10.2022)	1. Исправлена ошибка инициализации картинки если в момент загрузки блок с картинкой скрыт (display:none).
1.3.5 (28.07.2022)	1. Исправлена ошибка работы компонента в публичной части для версии 1С-Битрикс 22.100.
1.3.4 (01.12.2021)	1. Исправлены ошибки возникающие при выводе нескольких картинок на одну страницу.
1.3.3 (17.09.2021)	1. Исправлены ошибки в сборе статистики.
1.3.2 (02.06.2021)	1. Добавлены стили для выделения активного выбранного слоя. 2. Добавлены якорь ссылки для выделения слоя при загрузке странице в административной части модуля.
1.3.1 (20.05.2021)	1. Исправлены незначительные ошибки.
1.3.0 (18.05.2021)	1. Добавлен зум изображения в публичной части. 2. Изменено поведение всплывающих подсказок на мобильных устройствах. 3. Добавлен фильтр списка интерактивных картинок в административной части сайта. 4. Исправлены незначительные ошибки.
1.2.2 (15.04.2021)	1. Исправлена ошибка инициализации компонента во время кеширования в компоненте.
1.2.1 (24.03.2021)	1. Исправлены ошибки при увеличении и уменьшении изображения в административной части сайта.
1.2.0 (02.03.2021)	1. Добавлен способ генерации подсказок из шаблонов на основе элементов инфоблока.
1.1.7 (11.02.2021)	1. Улучшена совместимость с сайтами на которых уже подключен jQuery.
1.1.6 (21.09.2020)	1. Незначительные исправления.
1.1.5 (15.08.2020)	1. Незначительные исправления в компоненте картинки.
1.1.4 (06.11.2018)	1. Исправлены ошибки для IE11.
1.1.3 (21.06.2018)	1. Теперь валюта отображается при редактировании тултипа, а также в публичной части.
1.1.2 (20.06.2018)	1. Исправлена адаптивность социальных сетей в мобильной версии.
1.1.1 (20.06.2018)	1. Добавлена адаптивность для кнопок управления.
1.1.0 (19.06.2018)	1. Добавлен новый тип слоев "Текст". 2. Добавлена возможность выводить цену в тултипе с учетом скидки. 3. Добавлен механизм скрытия/отображения слоёв в публичной части сайта. 4. Добавлена возможность поделиться картинкой в социальных сетях. 5. Добавлена возможность поставить картинке метку "Мне нравится". 6. Добавлена возможность выбирать размер iframe. 7. Добавлена возможность изменить у тултипа элемент инфоблока (все данные обновятся автоматически). 8. Исправлены мелкие баги.
1.0.6 (21.05.2018)	1. Исправлена ошибка при удалении элемента инфоблока, интерактивная картинка отображалась некорректно.
1.0.5 (11.05.2018)	1. Исправлена ошибка установки свойства элемента типа число. 2. Добавлена возможность установки цены по товару с торговыми предложениями.
1.0.4 (27.04.2018)	1. Увеличен объём для хранения слоев интерактивной картинки.
1.0.3 (26.04.2018)	1. Исправлена ошибка всплывающего окна с картинками при первом запуске.
1.0.2 (23.04.2018)	1. Исправлены незначительные ошибки вёрстки.
1.0.1 (26.03.2018)	1. Исправлены ошибки генерации коротких ссылок, при специфических конфигурациях веб-сервера.

Установка

Стандартная установка модуля из MarketPlace.

После установки модуля, необходимо перейти во вкладку «Маркетинг» → «Интерактивные картинки» и создать необходимые вам интерактивные картинки.

Затем, в нужном месте на сайте, вам необходимо разместить компонент «Интерактивные картинки (skyweb24:interactivepictures)» из раздела «Skyweb24» и выбрать в настройках нужную интерактивную картинку.

Пример вставки кода компонента:

<?$APPLICATION->IncludeComponent("skyweb24:interactivepictures", "", Array(    "IMAGE" => "",   // Изображение    ),    false );?>

Также вы можете вставить интерактивную картинки с помощью iframe кода на любую страницу вашего сайта или любого другого сайта.

Или вы можете указать необходимые значения в параметрах компонента через визуальный редактор Bitrix:





Подробная документация по установке и работе с модулем доступна по адресу - https://skyweb24.ru/documentation/interactivepictures/

Поддержка

Минимальные технические требования к сайту и хостингу:

• PHP 7.4 и выше
  
• MySQL 5.7 и выше
  
• Bitrix 23.0 и выше (рекомендуем использовать актуальную версию Bitrix)
  

Поддержка браузеров:

• Chrome (последние 2 версии)
  
• Opera (последние 2 версии)
  
• Firefox (последние 2 версии)
  
• Safari для Mac OS (последние 2 версии)
  
• Edge на движке Chromium (последние 2 версии)
  

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



Помимо подробной документации, модуль имеет видеоуроки по основным аспектам работы с модулей.





Обновления и поддержка для платных решений действуют в течение 1 года с момента активации лицензионного ключа. По истечении данного срока вы можете в любой момент купить продление по цене 50% от текущей стоимости модуля.

Техподдержка НЕ ОКАЗЫВАЕТСЯ в следующих случаях:

• Неактивная лицензия модуля. В этом случае, необходимо приобрести продление на программное решение Скайвеб24.
  
• Неактивная лицензия 1С-Битрикс. Если для восстановления работоспособности модуля необходимо обновить платформу 1С-Битрикс, то наличие активной лицензии Битрикс является обязательным!
  
• Вмешательство в исходный код модуля. Если исходный код модуля меняется со стороны клиента без согласования со Скайвеб24, то техподдержка автоматически аннулируется до восстановления оригинального кода.
  
• Вмешательство в исходный код 1С-Битрикс. Так как большинство нашего функционала завязано на стандартном функционале 1С-Битрикс, то мы также можем отказать в поддержке при внесенных изменениях в ядро Bitrix.
  

Оформить запрос в техподдержку можно следующими способами:

• Электронная почта: skyweb24@yandex.ru
  
• Онлайн-чат: https://skyweb24.bitrix24.ru/online/go
  

Просим обратить внимание, что мы НЕ ОКАЗЫВАЕМ консультации по настройке модуля в телефонном режиме.

Время работы ТП:
В будние дни с 05:00 до 15:00 (время московское). Такое необычное время связано с тем, что мы находимся в Красноярске
Вы можете оставить ваше обращение и вне рабочее время, мы обязательно ответим на него утром следующего рабочего дня.
Время ответа: от 1 минуты до 6 часов.

Чтобы ваше обращение рассматривалось более оперативно, рекомендуем в каждом новом обращении обязательно оставлять следующие данные:

1. Адрес сайта.
   
2. Доступы (логин и пароль) к админке сайта с правами администратора.
   
3. Адрес сервера, логин и пароль к FTP или SSH (при необходимости).
   
4. Подробное описание проблемы и механизмы ее воспроизведения.
   
5. Скрины или видео подтверждения проблемы будут очень желательны.
   

Другие решения разработчика

5в1: Программа лояльности, реферальная система, кэшбэк сервис, оплата бонусами и вывод баллов 24 900 руб. 17

Всплывающие окна PRO. Гибкие условия показа рекламы и акций, 12 типов баннеров, 30+ готовых шаблонов 11 900 руб. 19

ChatGPT OpenAI: Массовый SEO генератор текста, описаний, META тегов. 2 режима работы, PROXY, GPT-4o 5 900 руб. 7

Статистика продаж, товарная аналитика, карта заказов, рейтинги, 25+ готовых отчетов 11 900 руб. 9

Маршрутный лист курьера. Организация службы доставки заказов и управление курьерами 15 900 руб. 11

Интеграция с DaData: Гранулярные подсказки, автозаполнение форм и реквизитов заказа 5 900 руб. 1

Google PageSpeed Optimizer: Ускорение и оптимизация загрузки сайта (HTML, CSS, JS, WebP, LazyLoad) 5 900 руб. 1

Yandex SmartCaptcha: Защитите ваш сайт от спама и ботов (Яндекс, Captcha, капча) 3 900 руб. 3

Конструктор SEO редиректов: Мониторинг ошибок 404, авторедиректы инфоблоков, история срабатывания 5 900 руб.

Поторгуемся: Предложите покупателю игровую механику торга (персональная цена, индивидуальная скидка) 5 900 руб. 4

Динамика цен: История изменения стоимости товаров + компонент для публичной части 5 900 руб. 1

Купи еще: Мотивируйте клиентов покупать больше, повышайте средний чек 5 900 руб. 8

Поделиться корзиной: Позвольте покупателям делиться подборами товаров в 1 клик 5 900 руб. 4

Google reCaptcha: Защитите ваш сайт от спама и ботов (Captcha, капча) 3 900 руб.

Эквайринг PayKeeper: Платежный модуль, поддержка СБП (QR-код), множественных оплат и агентской схемы 5 900 руб. 4

QR-код адреса страницы: Массовая генерация QR в админке + компонент для публичной части 5 900 руб. 2

Фото до/после: Сравнение двух изображений До и После. Вставка через компонент и iFrame 5 900 руб. 2

Тур по сайту: Обучение новых пользователей работе с сайтом (пошаговый мастер) 5 900 руб. 1

Наличие товара на карте: Визуальное отображение наличия и поиск остатков товара на складах 5 900 руб. 1

Нашли дешевле: Форма сбора контактных данных и обратной связи + уведомление в виде письма 3 900 руб. 1

еще 12 решений