Интерактивные метки на фото + взрыв-схемы
От: Инфоград веб-студия
14 400 ₽
Дата публикации:
26.08.2021
Число установок:
100 - 499 раз
Дата обновления:
05.02.2026
Включает в себя:
Компоненты, Модуль
Последняя версия:
0.2.7
Интерактивные метки - это модуль который позволяет создавать интерактивные метки (маркеры) на изображении или фото с кратким описанием в виде открывающейся подсказки и детальным описанием в виде модального окна.
Взрыв схемы - позволяют передать информацию об изделии или устройстве в более простом и удобном для понимания виде. Дословно означает «чертёж (эскиз/схема) в разобранном виде».
Модуль позволяет установить на взрыв-схемах отметки с описанием его деталей. Также возможно привязать карточку товара с описанием и кнопкой для перехода к данному товару.
Основные возможности (уже реализовано):
Примеры реализации по индивидуальным заказам, на базе данного модуля:
Планы по обновлению решения:
Руководство по работе с модулем - в разработке новая версия!
Взрыв схемы - позволяют передать информацию об изделии или устройстве в более простом и удобном для понимания виде. Дословно означает «чертёж (эскиз/схема) в разобранном виде».
Модуль позволяет установить на взрыв-схемах отметки с описанием его деталей. Также возможно привязать карточку товара с описанием и кнопкой для перехода к данному товару.
Основные возможности (уже реализовано):
- Возможность добавлять интерактивные метки на изображения и фото с помощью удобного графического редактора.
- Добавлять краткое описание к метке в виде открывающейся подсказки.
- Добавлять подробное описание с использованием текста, фото и видео информации в виде отрывающегося модального окна.
- Возможность настраивать масштабирование картинки с метками для удобного отображения на компьютерах и мобильных телефонах
- Работа модуля в двух режимах - стандартные метки и взрыв-схемы
Примеры реализации по индивидуальным заказам, на базе данного модуля:
- Создание географии работы компании -
- Создание взрыв-схем и схем деталировки запчастей и комплектующих (оформление через корзину и заказ) -
- Деталировка готовых решений на сайте производителя Медицинская мебель -
- Оформление маршрута прогулочного катера -
Планы по обновлению решения:
- Выпуск новой версии модуля 2.0 - доработка более удобного интерфейса для гибкой настройки модуля. Внесение более 25 правок, которые были выявлены в течении 2024 года. Будет выпущено новое руководство, где предоставим описание по кастомизации дизайна.
- Создание раздела с настройками для кастомизации решения через административный раздел битрикса
- Выпустить отдельный модуль взрыв-схемы, который будет работать только с торговым каталогом и товарами (редакция "Малый бизнес" и "Бизнес"). Будет базово адаптирован под корзину Битрикс и оформление заказа.
- Адаптировать модуль на большинство шаблонов интернет-магазинов из магазина Битрикса.
- Разработать вариант модуля для создания меток на базе Яндекс карт.
Руководство по работе с модулем - в разработке новая версия!
Характеристики
|
Дата публикации
|
26.08.2021 |
|
Число установок
|
100 - 499 раз |
|
Дата обновления
|
05.02.2026 |
|
Включает в себя
|
Компоненты Модуль |
|
Последняя версия
|
0.2.7 |
|
Адаптивность
|
Да |
|
Поддержка композита
|
Нет |
|
Совместимо с Сайты24
|
Нет |
|
Подходящие редакции 1С-Битрикс
|
3373 3380 3381 3382 3383 3442 |
|
Наличие демо-режима
|
Да |
|
Продолжительность демо-периода
|
14 |
- Изменения: Исправлена ошибка при создании нового раздела в инфоблоке с метками, связанная с перегрузкой памяти.
- ВНИМАНИЕ!
Данное обновление включает изменение работы логики некоторых настроек режима "Стандартные метки", логика работы режима "взрыв-схемы" осталась прежней.
Перед установкой обновления ОБЯЗАТЕЛЬНО выполните полное резервное копирование сайта, чтобы была возможность откатить изменения.
Внесены следующие изменения:
- Исправили ошибки с отображением цены в шаблоне.
- Ввели понятие "Всплывающее окно" - это окно, которое появляется при клике на метку и содержит картинку + краткое описание + кнопку подробно
- Изменили логику отображения кнопки "Подробно" во всплывающем окне и модальном. Теперь можно гибко управлять ее отображением
- Добавлено новое свойство у метки "Иконка", для прикрепления svg иконки метки. Теперь можно у отдельной метки загружать уникальную SVG иконку
- Свойство "Открывать только модальное окно" было земенено на ряд других свойств, для реализации более гибкого и широкого функционала.
В дальнейшем логика работы модуля будет разделяться в зависимости от выбранной схемы работы модуля:- Стандартные метки
- Взрыв-схемы
- ВНИМАНИЕ!
Перед установкой обновления ОБЯЗАТЕЛЬНО выполните полное резервное копирование сайта, чтобы избежать потери данных.
Внесены следующие изменения:
- Внесли правки по расчету максимальной высоты, когда не включен режим масштабирования
- Добавили настройку для модальных окон. Добавить пользовательское поле для раздела, чтобы можно было использовать кастомные модальные окна
- Добавили новые свойства у метки "Отображение заголовка метки (ПК)" и "Отображение заголовка метки (Моб)"
- Реализовать кнопку клонирования взрыв-схемы со всеми текущими настройками
- Создали функционал для временного наполнения каталога взрыв схемами. Вместо загрузки картинки-подложки можно загружать .pdf документ и он будет отображаться при выводе взрыв схемы
- В админ панели исправлено сохранение номера позиции
- ВНИМАНИЕ!
Перед установкой обновления ОБЯЗАТЕЛЬНО выполните полное резервное копирование сайта.
Внесены следующие изменения:
- Большое изменение в работе визуального редактора в административной части. Появилась возможность перетаскивания метки и панели настройки при помощи мышки
- Добавили возможность масштабирования картинки-подложки
- Внесены следующие изменения:
- Исправили ошибки возникающие при установке модуля в демо период. Ошибка импорта пользовательского свойства UF_LABEL_TOTAL
- Внесены следующие изменения:
- Исправили ошибки возникающие при установке модуля в демо период
- Внесены следующие изменения:
- 1. В административной части на вкладке «Визуальный редактор» не отрабатывали стрелки вверх и вниз для перемещения координат
- 2. Внесли исправление в component.php - наблюдалась проблема при кешировании компонента внутри компонента
- 3. Исправлена ошибка в шаблоне компонента
- 4. Исправили инициализацию JS для вызова «кода-вставки»
- ВНИМАНИЕ!
Перед установкой обновления ОБЯЗАТЕЛЬНО выполните полное резервное копирование сайта.
После обновления необходимо сбросить кэш, для применения обновлений шаблона, стилей и скриптов
Внесены следующие изменения:
- 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. Другие доработки для стабильной и правильной работы модуля.
- Внесены следующие изменения:
- 1. Пересмотрен алгоритм работы масштабирования. Было принято что за 100% масштаба будет принята меньшая из сторон картинки. После установки обновления возможно потребуется корректировка масштаба
- 2. Исправлена ошибка которая возникала при установке на версию php 8.1
- Внесены следующие изменения:
- 1. Исправлена ошибка с кодировкой win 1251 в административной панели.
- Внесены следующие изменения:
- 1. Внесено исправление отображения блока для вставки на версии php 8.1
- Внесены следующие изменения:
- 1. Добавлена функция BX.infograd.marker_refresh(), используется в js в тех случаях когда, необходимо вызвать интерактивные метки на странице не сразу или по какому либо событию
- 2. Для вызова меток через тэг, добавлено подключение стиля из шаблона компонента
- 3. Внесены большие исправления в функционал масштабирования
- 4. Исправлена небольшая ошибка с работой при PHP 8.1
- Внесены небольшие правки
- Внесены следующие изменения:
- 1. Добавлено позиционирование картинки при масштабировании
- 2. Добавлено изменение цвета кнопки Подробно
- Внесены следующие изменения:
- 1. Исправление ошибок с поддержкой php 8.1
- Внесены следующие изменения:
- 1. Добавлен новый тип меток - "взрыв-схемы". Он позволяет создавать схемы разбора или деталировки с возможностью прикрепить к метке товар.
- 2. Добавлено большое изменение связанное с масштабированием и перетаскиванием картинки.
- 3. Полностью изменены скрипты внутри модуля.
- 4. Изменен стандартный шаблон создания меток
- 5. Изменены стили в соответствии с вариантами отображения: взрыв-схема или стандартная метка
ВНИМАНИЕ!
Перед установкой обновления ОБЯЗАТЕЛЬНО выполните полное резервное копирование сайта.
После обновления необходимо сбросить кэш, для применения обновлений шаблона, стилей и скриптов - Внесены следующие изменения:
- 1. Исправлено смещение метки при масштабировании экрана.
- 2. Добавлена вкладка "Визуальный редактор" меток в раздел инфоблока.
- 3. Добавлены подсказки для пользовательских полей в разделе инфоблока.
- 4. Изменены методы работы js для вызова через дом-элемент и компонент.
- 5. Измены некоторые стили и стандартный шаблон компонента.
- Внесены следующие изменения:
- 1. Внесены исправления в стили
- 2. Внесены изменения в шаблон компонента infograd.markers
- 3. Исправлена критическая проблема отображения пролога модуля
ВНИМАНИЕ!
После обновления необходимо сбросить кэш, для применения обновлений шаблона, стилей и скриптов