Инфоград веб-студия

Интерактивные теги и взрыв-схемы на фото

Готовое решение для 1С-Битрикс: интерактивные метки на фото и взрыв-схемы для сайта. Скачайте шаблон, улучшите визуал и продажи. Установите сейчас!

499 установок 1С-Битрикс

14 400 ₽

Или позвоните: +7 (499) 677-61-84·+7 (4872) 702-730

Нужна лицензия 1С-Битрикс?

Поможем купить новую лицензию или продлить действующую — «1С-Битрикс: Управление сайтом» и Битрикс24.

Купить или продлить лицензию

Дорого?

Напишите нам — бесплатно подберём похожее решение подешевле под вашу задачу.

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

Опубликовано:: 26.08.2021
Обновлено:: 25.06.2026
Версия:: 0.2.9
Установлено:: 100 - 499 раз
Подходящие редакции:: «Первый сайт», «Старт», «Стандарт», «Малый бизнес», «Бизнес», «Интернет-магазин + CRM»
Адаптивность:: Да
Поддержка Композита:: Нет
Совместимо с Сайты24: Нет

Онлайн-демонстрация

Хотите увидеть продукт в действии? Запросите демонстрацию — мы покажем всё вживую и ответим на вопросы.

Возможности интерактивных тегов

Готовое решение «Интерактивные метки на фото + взрыв-схемы» для платформы 1С-Битрикс (редакции от «Первый сайт» до «Интернет-магазин + CRM») превращает статичные изображения в наглядный инструмент продаж и технической коммуникации. Продукт позволяет наносить на фотографии и чертежи кликабельные маркеры, которые раскрывают краткое описание в виде всплывающей подсказки или полноценную информацию в модальном окне. Ключевая особенность — поддержка режима «взрыв-схемы», когда изделие показывается в разобранном виде с привязкой меток к конкретным деталям.

Функциональные возможности

Добавление интерактивных меток через встроенный графический редактор.
Настройка двух уровней контента: краткая подсказка при наведении и развернутое описание с текстом, фото и видео в модальном окне.
Привязка меток к карточкам товаров с кнопкой перехода для прямого заказа детали.
Автоматическая адаптация масштаба изображения под экраны ПК и мобильных устройств.
Работа в двух режимах: стандартные метки (для фото) и взрыв-схемы (для технических чертежей).

Что получает покупатель после установки

После активации модуля на сайте появляется административный интерфейс для загрузки изображений, расстановки маркеров и наполнения контентом. Посетители видят кликабельные точки на картинке — при нажатии открывается подсказка или модальное окно с подробностями. В режиме взрыв-схемы каждая метка может ссылаться на товар в каталоге, что превращает чертеж в полноценный инструмент заказа комплектующих. Решение совместимо с адаптивными шаблонами, не требует дополнительных настроек композитной кэширования и работает версиях Битрикс от 0.2.7.

Для кого подходит

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

Модуль не использует композитное кэширование, но обеспечивает стабильную работу на всех актуальных редакциях 1С-Битрикс. Благодаря поддержке адаптивности метки корректно отображаются на мобильных устройствах, что критично для B2C и B2B сегментов. Целевая аудитория — владельцы сайтов, стремящиеся снизить количество возвратов и уточняющих звонков за счет наглядной визуализации товаров и их составных частей.

Интерактивные метки - это модуль который позволяет создавать интерактивные метки (маркеры) на изображении или фото с кратким описанием в виде открывающейся подсказки и детальным описанием в виде модального окна.
Взрыв схемы - позволяют передать информацию об изделии или устройстве в более простом и удобном для понимания виде. Дословно означает «чертёж (эскиз/схема) в разобранном виде».
Модуль позволяет установить на взрыв-схемах отметки с описанием его деталей. Также возможно привязать карточку товара с описанием и кнопкой для перехода к данному товару.
Основные возможности (уже реализовано):

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

Примеры реализации по индивидуальным заказам, на базе данного модуля:

Создание географии работы компании - Пример
Создание взрыв-схем и схем деталировки запчастей и комплектующих (оформление через корзину и заказ) - Пример
Деталировка готовых решений на сайте производителя Медицинская мебель - Пример
Оформление маршрута прогулочного катера - Пример

Планы по обновлению решения:

Выпуск новой версии модуля 2.0 - доработка более удобного интерфейса для гибкой настройки модуля. Внесение более 25 правок, которые были выявлены в течении 2024 года. Будет выпущено новое руководство, где предоставим описание по кастомизации дизайна.
Создание раздела с настройками для кастомизации решения через административный раздел битрикса

Планы по развитию решения:

Выпустить отдельный модуль взрыв-схемы, который будет работать только с торговым каталогом и товарами (редакция "Малый бизнес" и "Бизнес"). Будет базово адаптирован под корзину Битрикс и оформление заказа.
Адаптировать модуль на большинство шаблонов интернет-магазинов из магазина Битрикса.
Разработать вариант модуля для создания меток на базе Яндекс карт.

Руководство по работе с модулем - Инструкция v.1
Руководство по работе с модулем - в разработке новая версия!

Для чего используется это решение и как оно влияет на продажи?

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

С какими редакциями 1С-Битрикс совместим модуль?

Решение совместимо с редакциями от «Первый сайт» до «Интернет-магазин + CRM». Это покрывает все основные редакции для коммерческих и информационных проектов, за исключением устаревших и специализированных редакций без поддержки модулей.

Какова стоимость лицензии и как она приобретается?

Продукт приобретается как готовый шаблон или модуль на Маркетплейсе 1С-Битрикс. Стоимость фиксирована и указана в карточке товара на момент покупки, лицензия бессрочная, без ежемесячной платы, но может требовать оплаты обновлений при продлении техподдержки.

Как устанавливается и настраивается модуль?

Установка выполняется через стандартный административный интерфейс 1С-Битрикс — загрузка архива и активация модуля. После установки появляется встроенный графический редактор для загрузки изображений и расстановки маркеров, настройка занимает от 30 минут до нескольких часов в зависимости от сложности каталога.

Какая техническая поддержка предоставляется после покупки?

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

Установка модуля из Маркетплейса
Зайдите в административную панель сайта в раздел «Маркетплейс» → «Каталог решений». Найдите решение «Интерактивные теги и взрыв-схемы на фото» и нажмите «Установить». После завершения установки перейдите в раздел «Установленные решения» и активируйте модуль.
Настройка прав доступа модуля
Перейдите в «Настройки» → «Настройки модуля» → «Интерактивные теги и взрыв-схемы на фото». В открывшейся форме выберите группы пользователей, которым разрешено добавлять и редактировать метки (например, «Администраторы» и «Контент-менеджеры»). Сохраните изменения.
Привязка к инфоблокам каталога
В настройках модуля укажите инфоблоки товаров и разделов, для которых будут доступны интерактивные метки. Отметьте галочками нужные инфоблоки в списке, чтобы активировать функционал на страницах каталога.
Загрузка изображений и расстановка меток
Откройте страницу товара или чертежа в административном интерфейсе модуля. Загрузите изображение через встроенный графический редактор и расставьте маркеры в нужных точках. Для каждого маркера заполните краткую подсказку и, при необходимости, развернутое описание в модальном окне.
Настройка режима взрыв-схемы
Для технических чертежей переключите режим работы модуля на «Взрыв-схема» в настройках конкретного изображения. Убедитесь, что метки привязаны к деталям, и при необходимости укажите ссылки на карточки товаров для прямого заказа.
Проверка работы на сайте
Откройте страницу каталога или товара на публичной части сайта. Наведите курсор на метки — должна появиться всплывающая подсказка. Кликните по маркеру, чтобы проверить открытие модального окна с полным описанием. Протестируйте отображение на мобильном устройстве для проверки адаптации масштаба.

v0.2.928.06.2026
Внесены следующие изменения:
- Внесли исправления при ajax загрузке скриптов
- Исправили логику скрипта при отображении раздела меток в админ панели, если картинка-подложка указана как svg
v0.2.828.04.2026
Внесены следующие изменения:
- Разделены полностью настройки масштабирования мобильной и десктопной версии. Теперь масштабирование можно включать отдельно для мобильной версии
v0.2.705.02.2026
Внесены следующие изменения:
- Исправлена ошибка при создании нового раздела в инфоблоке с метками, связанная с перегрузкой памяти
v0.2.616.01.2026
ВНИМАНИЕ!
Данное обновление включает изменение работы логики некоторых настроек режима "Стандартные метки", логика работы режима "взрыв-схемы" осталась прежней.

Перед установкой обновления ОБЯЗАТЕЛЬНО выполните полное резервное копирование сайта, чтобы была возможность откатить изменения.

Внесены следующие изменения:
- Исправили ошибки с отображением цены в шаблоне.
- Ввели понятие "Всплывающее окно" - это окно, которое появляется при клике на метку и содержит картинку + краткое описание + кнопку подробно
- Изменили логику отображения кнопки "Подробно" во всплывающем окне и модальном. Теперь можно гибко управлять ее отображением
- Добавлено новое свойство у метки "Иконка", для прикрепления svg иконки метки. Теперь можно у отдельной метки загружать уникальную SVG иконку
- Свойство "Открывать только модальное окно" было земенено на ряд других свойств, для реализации более гибкого и широкого функционала.
В дальнейшем логика работы модуля будет разделяться в зависимости от выбранной схемы работы модуля:
- Стандартные метки
- Взрыв-схемы
v0.2.501.05.2025
ВНИМАНИЕ!
Перед установкой обновления ОБЯЗАТЕЛЬНО выполните полное резервное копирование сайта, чтобы избежать потери данных.

Внесены следующие изменения:
- Внесли правки по расчету максимальной высоты, когда не включен режим масштабирования
- Добавили настройку для модальных окон. Добавить пользовательское поле для раздела, чтобы можно было использовать кастомные модальные окна
- Добавили новые свойства у метки "Отображение заголовка метки (ПК)" и "Отображение заголовка метки (Моб)"
- Реализовать кнопку клонирования взрыв-схемы со всеми текущими настройками
- Создали функционал для временного наполнения каталога взрыв схемами. Вместо загрузки картинки-подложки можно загружать .pdf документ и он будет отображаться при выводе взрыв схемы
- В админ панели исправлено сохранение номера позиции
v0.2.401.05.2025
ВНИМАНИЕ!
Перед установкой обновления ОБЯЗАТЕЛЬНО выполните полное резервное копирование сайта.

Внесены следующие изменения:
- Большое изменение в работе визуального редактора в административной части. Появилась возможность перетаскивания метки и панели настройки при помощи мышки
- Добавили возможность масштабирования картинки-подложки
v0.2.318.04.2025
Внесены следующие изменения:
- Исправили ошибки возникающие при установке модуля в демо период. Ошибка импорта пользовательского свойства UF_LABEL_TOTAL
v0.2.218.02.2025
Внесены следующие изменения:
- Исправили ошибки возникающие при установке модуля в демо период
v0.2.112.02.2025
Внесены следующие изменения:
- 1. В административной части на вкладке «Визуальный редактор» не отрабатывали стрелки вверх и вниз для перемещения координат
- 2. Внесли исправление в component.php - наблюдалась проблема при кешировании компонента внутри компонента
- 3. Исправлена ошибка в шаблоне компонента
- 4. Исправили инициализацию JS для вызова «кода-вставки»
v0.2.004.02.2025
ВНИМАНИЕ!
Перед установкой обновления ОБЯЗАТЕЛЬНО выполните полное резервное копирование сайта.
После обновления необходимо сбросить кэш, для применения обновлений шаблона, стилей и скриптов

Внесены следующие изменения:
- 1. При масштабе в 75% и клике по списку товаров происходило перемещение (дергание) картинки подложки - исправлено.
- 2. Реализовали открытие Тултипа (tooltips) по центру при клике по товару из списка товаров в таблице.
- 3. Внесены изменения в событие onLoadIMarkers - его обработка перенесена после загрузки основного изображения.
- 4. В функцию marker_refresh добавили callback обработчик после загрузки.
- 5. Включить проверку Тултипа (tooltips) при открытии метки - исправлено.
- 6. Сделали перенос заголовка метки если он очень длинный на другую сторону от метки.
- 7. Исправили сбои при уменьшении масштаба вертикального изображения.
- 8. Внесли исправление отображения метки при ее активности. Если Тултип (tooltips) пустой, то он не отображается.
- 9. Исправление init.js. Перенесено внутрь "include.php".
- 10. Перенесли все вычисления в component.php.
- 11. Доработали возможно выключения/выключения таблицы с товарами в режиме врыв-схем. Добавили возможность перенести выбора ее положения: справа, слева, внизу, выкл.
- 12. Исправили ошибки при установке модуля после окончания демо-режима.
- 13. Добавлены события new BX.infograd.marker(node, { ...парамтеры..}).on(event, eventHandler); Где event - это событие сейчас доступно init - событие после инициализации метки, showPoint - после открытия метки, showModal - открытие модального окна. eventHandler - это функция обработчик.
- 14. Исправление при обновлении метки adminSecTab.php - перетирались старые данные.
- 15. Исправлена ошибка расчетов отображения мин размеров зума.
- 16. Исправлена функция - в мобильной версии не отображалась активная метка.
- 17. Исправлено - работа функции выравнивания по высоте в центр.
- 18. Исправление чтобы метка вставала по центру по клику из списка в таблице.
- 19. Другие доработки для стабильной и правильной работы модуля.