Интерактивные метки - это модуль который позволяет создавать интерактивные метки (маркеры) на изображении или фото с кратким описанием в виде открывающейся подсказки и детальным описанием в виде модального окна.
Взрыв схемы - позволяют передать информацию об изделии или устройстве в более простом и удобном для понимания виде. Дословно означает «чертёж (эскиз/схема) в разобранном виде».
Модуль позволяет установить на взрыв-схемах отметки с описанием его деталей. Также возможно привязать карточку товара с описанием и кнопкой для перехода к данному товару.
Основные возможности (уже реализовано):
Примеры реализации по индивидуальным заказам, на базе данного модуля:
Планы по обновлению решения:
Руководство по работе с модулем - в разработке новая версия!
Взрыв схемы - позволяют передать информацию об изделии или устройстве в более простом и удобном для понимания виде. Дословно означает «чертёж (эскиз/схема) в разобранном виде».
Модуль позволяет установить на взрыв-схемах отметки с описанием его деталей. Также возможно привязать карточку товара с описанием и кнопкой для перехода к данному товару.
Основные возможности (уже реализовано):
- Возможность добавлять интерактивные метки на изображения и фото с помощью удобного графического редактора.
- Добавлять краткое описание к метке в виде открывающейся подсказки.
- Добавлять подробное описание с использованием текста, фото и видео информации в виде отрывающегося модального окна.
- Возможность настраивать масштабирование картинки с метками для удобного отображения на компьютерах и мобильных телефонах
- Работа модуля в двух режимах - стандартные метки и взрыв-схемы
Примеры реализации по индивидуальным заказам, на базе данного модуля:
- Создание географии работы компании - Пример
- Создание взрыв-схем и схем деталировки запчастей и комплектующих (оформление через корзину и заказ) - Пример
- Деталировка готовых решений на сайте производителя Медицинская мебель - Пример
- Оформление маршрута прогулочного катера - Пример
Планы по обновлению решения:
- Выпуск новой версии модуля 2.0 - доработка более удобного интерфейса для гибкой настройки модуля. Внесение более 25 правок, которые были выявлены в течении 2024 года. Будет выпущено новое руководство, где предоставим описание по кастомизации дизайна.
- Создание раздела с настройками для кастомизации решения через административный раздел битрикса
- Выпустить отдельный модуль взрыв-схемы, который будет работать только с торговым каталогом и товарами (редакция "Малый бизнес" и "Бизнес"). Будет базово адаптирован под корзину Битрикс и оформление заказа.
- Адаптировать модуль на большинство шаблонов интернет-магазинов из магазина Битрикса.
- Разработать вариант модуля для создания меток на базе Яндекс карт.
Руководство по работе с модулем - в разработке новая версия!
Код модуля
infograd.marker
Название компании-партнера
Адаптивность
Подходящие редакции 1С-Битрикс
Программа для ЭВМ "1С-Битрикс: Управление сайтом". Лицензия Бизнес, Программа для ЭВМ "1С-Битрикс: Управление сайтом". Лицензия Малый бизнес, Программа для ЭВМ "1С-Битрикс: Управление сайтом". Лицензия Стандарт, Программа для ЭВМ "1С-Битрикс: Управление сайтом". Лицензия Старт, Программа для ЭВМ "1С-Битрикс: Управление сайтом". Лицензия Первый сайт (продление), Программа для ЭВМ "1С-Битрикс: Управление сайтом". Лицензия Эксперт (продление), Программа для ЭВМ "1С-Битрикс24". Лицензия Интернет-магазин + CRM (12 мес.)
Число установок
100 - 499 раз
Последняя версия
0.2.7
Дата публикации
26.08.2021
Дата обновления
28.04.2026
Наличие демо-режима
Продолжительность демо-периода
Ссылка на демо-версию
Отзывы
Оставить отзыв
Загрузка отзывов...
0.2.8, 28.04.2026 beta
Изменения :
1. Разделены полностью настройки масштабирования мобильной и десктопной версии. Теперь масштабирование можно включать отдельно для мобильной версии.
0.2.7, 05.02.2026
Изменения: Исправлена ошибка при создании нового раздела в инфоблоке с метками, связанная с перегрузкой памяти.
0.2.6, 16.01.2026
ВНИМАНИЕ!
Данное обновление включает изменение работы логики некоторых настроек режима "Стандартные метки", логика работы режима "взрыв-схемы" осталась прежней.
Перед установкой обновления ОБЯЗАТЕЛЬНО выполните полное резервное копирование сайта, чтобы была возможность откатить изменения.
Внесены следующие изменения:
В дальнейшем логика работы модуля будет разделяться в зависимости от выбранной схемы работы модуля:
Данное обновление включает изменение работы логики некоторых настроек режима "Стандартные метки", логика работы режима "взрыв-схемы" осталась прежней.
Перед установкой обновления ОБЯЗАТЕЛЬНО выполните полное резервное копирование сайта, чтобы была возможность откатить изменения.
Внесены следующие изменения:
- Исправили ошибки с отображением цены в шаблоне.
- Ввели понятие "Всплывающее окно" - это окно, которое появляется при клике на метку и содержит картинку + краткое описание + кнопку подробно
- Изменили логику отображения кнопки "Подробно" во всплывающем окне и модальном. Теперь можно гибко управлять ее отображением
- Добавлено новое свойство у метки "Иконка", для прикрепления svg иконки метки. Теперь можно у отдельной метки загружать уникальную SVG иконку
- Свойство "Открывать только модальное окно" было земенено на ряд других свойств, для реализации более гибкого и широкого функционала.
В дальнейшем логика работы модуля будет разделяться в зависимости от выбранной схемы работы модуля:
- Стандартные метки
- Взрыв-схемы
0.2.5, 01.05.2025
ВНИМАНИЕ!
Перед установкой обновления ОБЯЗАТЕЛЬНО выполните полное резервное копирование сайта, чтобы избежать потери данных.
Внесены следующие изменения:
Перед установкой обновления ОБЯЗАТЕЛЬНО выполните полное резервное копирование сайта, чтобы избежать потери данных.
Внесены следующие изменения:
- Внесли правки по расчету максимальной высоты, когда не включен режим масштабирования
- Добавили настройку для модальных окон. Добавить пользовательское поле для раздела, чтобы можно было использовать кастомные модальные окна
- Добавили новые свойства у метки "Отображение заголовка метки (ПК)" и "Отображение заголовка метки (Моб)"
- Реализовать кнопку клонирования взрыв-схемы со всеми текущими настройками
- Создали функционал для временного наполнения каталога взрыв схемами. Вместо загрузки картинки-подложки можно загружать .pdf документ и он будет отображаться при выводе взрыв схемы
- В админ панели исправлено сохранение номера позиции
0.2.4, 01.05.2025
ВНИМАНИЕ!
Перед установкой обновления ОБЯЗАТЕЛЬНО выполните полное резервное копирование сайта.
Внесены следующие изменения:
Перед установкой обновления ОБЯЗАТЕЛЬНО выполните полное резервное копирование сайта.
Внесены следующие изменения:
- Большое изменение в работе визуального редактора в административной части. Появилась возможность перетаскивания метки и панели настройки при помощи мышки
- Добавили возможность масштабирования картинки-подложки
0.2.3, 18.04.2025
Внесены следующие изменения:
- Исправили ошибки возникающие при установке модуля в демо период. Ошибка импорта пользовательского свойства UF_LABEL_TOTAL
0.2.2, 18.02.2025
Внесены следующие изменения:
- Исправили ошибки возникающие при установке модуля в демо период
0.2.1, 12.02.2025
Внесены следующие изменения:
- 1. В административной части на вкладке «Визуальный редактор» не отрабатывали стрелки вверх и вниз для перемещения координат
- 2. Внесли исправление в component.php - наблюдалась проблема при кешировании компонента внутри компонента
- 3. Исправлена ошибка в шаблоне компонента
- 4. Исправили инициализацию JS для вызова «кода-вставки»
0.2.0, 04.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. Другие доработки для стабильной и правильной работы модуля.
0.1.7, 04.10.2023
Внесены следующие изменения:
- 1. Пересмотрен алгоритм работы масштабирования. Было принято что за 100% масштаба будет принята меньшая из сторон картинки. После установки обновления возможно потребуется корректировка масштаба
- 2. Исправлена ошибка которая возникала при установке на версию php 8.1
0.1.6, 21.06.2023
Внесены следующие изменения:
- 1. Исправлена ошибка с кодировкой win 1251 в административной панели.
0.1.5, 22.05.2023
Внесены следующие изменения:
- 1. Внесено исправление отображения блока для вставки на версии php 8.1
0.1.4, 11.04.2023
Внесены следующие изменения:
- 1. Добавлена функция BX.infograd.marker_refresh(), используется в js в тех случаях когда, необходимо вызвать интерактивные метки на странице не сразу или по какому либо событию
- 2. Для вызова меток через тэг, добавлено подключение стиля из шаблона компонента
- 3. Внесены большие исправления в функционал масштабирования
- 4. Исправлена небольшая ошибка с работой при PHP 8.1
0.1.3, 15.02.2022
Внесены небольшие правки
0.1.2, 24.01.2022
Внесены следующие изменения:
- 1. Добавлено позиционирование картинки при масштабировании
- 2. Добавлено изменение цвета кнопки Подробно
0.1.1, 26.12.2022
Внесены следующие изменения:
- 1. Исправление ошибок с поддержкой php 8.1
0.1.0, 08.12.2022
Внесены следующие изменения:
ВНИМАНИЕ!
Перед установкой обновления ОБЯЗАТЕЛЬНО выполните полное резервное копирование сайта.
После обновления необходимо сбросить кэш, для применения обновлений шаблона, стилей и скриптов
- 1. Добавлен новый тип меток - "взрыв-схемы". Он позволяет создавать схемы разбора или деталировки с возможностью прикрепить к метке товар.
- 2. Добавлено большое изменение связанное с масштабированием и перетаскиванием картинки.
- 3. Полностью изменены скрипты внутри модуля.
- 4. Изменен стандартный шаблон создания меток
- 5. Изменены стили в соответствии с вариантами отображения: взрыв-схема или стандартная метка
ВНИМАНИЕ!
Перед установкой обновления ОБЯЗАТЕЛЬНО выполните полное резервное копирование сайта.
После обновления необходимо сбросить кэш, для применения обновлений шаблона, стилей и скриптов
0.0.4, 11.03.2022
Внесены следующие изменения:
- 1. Исправлено смещение метки при масштабировании экрана.
- 2. Добавлена вкладка "Визуальный редактор" меток в раздел инфоблока.
- 3. Добавлены подсказки для пользовательских полей в разделе инфоблока.
- 4. Изменены методы работы js для вызова через дом-элемент и компонент.
- 5. Измены некоторые стили и стандартный шаблон компонента.
0.0.3, 11.11.2021
Внесены следующие изменения:
ВНИМАНИЕ!
После обновления необходимо сбросить кэш, для применения обновлений шаблона, стилей и скриптов
- 1. Внесены исправления в стили
- 2. Внесены изменения в шаблон компонента infograd.markers
- 3. Исправлена критическая проблема отображения пролога модуля
ВНИМАНИЕ!
После обновления необходимо сбросить кэш, для применения обновлений шаблона, стилей и скриптов
Модуль устанавливается с помощью стандартного установщика на активную лицензию 1С-Битрикс редакции не ниже "Старт".
Процесс установки:
| Модуль не требует отдельного места на лицензии Битрикс. Возможно создавать неограниченное количество интерактивных изображений с метками и использовать их на любом сайте, который создан в рамках лицензии. |
Процесс установки:
- Установите решение из официального магазина маркетплейс.
- После успешной установки, в разделе "Контент", у вас появляется новый тип инфоблоков - Инфоград. В нем будет создан инфоблок "Маркеры" с заполненными демо-данными.
- В разделе "Контент" в инфоблоке "Маркеры" создайте раздел и назовите его по названию интерактивного изображения. В настройках раздела загружается фотография, на которой будут размещаться метки. Там же отображается код для вставки на сайт. Вы размещаете этот код в любом месте вашего сайта, где можно использовать HTML элементы и после сохранения на странице сайта будет загружаться интерактивные метки на фото.
- После, в созданном разделе, создайте элемент, который и будет являться меткой на фото.
- Задайте у данного элемента все необходимые значения и параметры (координаты, заголовки и др.). Для примера вы можете смотреть настройки элементов в демо-данных.
Мы с радостью ответим на все ваши вопросы, связанные с работой наших решений, внимательно выслушаем пожелания по необходимым функциям, исправим ошибки (если вдруг они будут обнаружены).
Техническая поддержка: info@webinfograd.ru
Техническая поддержка: info@webinfograd.ru
Наличие
Для покупки товара в нашем интернет-магазине выберите понравившийся товар и добавьте его в корзину. Далее перейдите в Корзину и нажмите на «Оформить заказ» или «Быстрый заказ».
Если оформляете быстрый заказ: напишите ФИО, телефон и e-mail. Вам перезвонит менеджер и уточнит условия заказа. По результатам разговора вам придет подтверждение оформления товара на почту или через СМС. Теперь останется только ждать доставки и радоваться новой покупке.
Оформление заказа в стандартном режиме выглядит следующим образом. Заполняете полностью форму по последовательным этапам: адрес, способ доставки, оплаты, данные о себе. Советуем в комментарии к заказу написать информацию, которая поможет курьеру вас найти. Нажмите кнопку «Оформить заказ».
Оплачивайте покупки удобным способом. В интернет-магазине доступно 3 варианта оплаты:
- Наличные при самовывозе или доставке курьером. Специалист свяжется с вами в день доставки, чтобы уточнить время и заранее подготовить сдачу с любой купюры. Вы подписываете товаросопроводительные документы, вносите денежные средства, получаете товар и чек.
- Безналичный расчет при самовывозе или оформлении в интернет-магазине: карты МИР. Чтобы оплатить покупку на сайте, система перенаправит вас на сервер платежной системы. Здесь нужно ввести номер карты, срок действия и имя держателя.
- Электронные системы при онлайн-заказе: ЮMoney. Для совершения покупки система перенаправит вас на страницу платежного сервиса. Здесь необходимо заполнить форму по инструкции.
- Безналичная оплата на наш расчетный счет по выставленному счету.
Экономьте время на получении заказа. В интернет-магазине доступно 4 варианта доставки:
- Электронная поставка - все необходимые сведения о лицензии, праве пользования, кодах, ключах и др. высылаются покупателю на его e-mail.
- Курьерская доставка. Когда товар будет отправлен с нашего склада, Вам придет уведомление. В день доставки с Вами заблаговременно свяжется курьер для уточнения времени и деталей доставки. Доставка производится "до двери". Осмотрите упаковку на целостность и соответствие указанной комплектации.
- Постамат. Когда заказ поступит на точку, на Ваш телефон или e-mail придет уникальный код. Заказ нужно оплатить в терминале постамата. Срок хранения — 3 дня.
- Доставка Почтой России. Когда заказ придет в отделение, на Ваш адрес придет извещение о посылке. Перед оплатой Вы можете оценить состояние коробки: вес, целостность. Вскрывать коробку самостоятельно Вы можете только после оплаты заказа. Один заказ может содержать не больше 10 позиций и его стоимость не должна превышать 100 000 р.
Дополнительная информация.
Новости
Статьи
Статьи
—
29.05.2017
Изучите полный алгоритм продления лицензий на модули 1С-Битрикс: Маркетплейс, включая активацию льготных купонов. Мы детально разбираем все условия: обязательный 30-дневный срок для сохранения максимальной выгоды, пропорциональное ценообразование (12,5%, 25%, 50% от цены модуля) и ограничение по минимальной сумме в 500 рублей. Этот гайд поможет вам эффективно планировать бюджет и гарантировать актуальность вашего проекта.
