Каталог решений

Покупка продления купона

Продолжительность:
Общая сумма:
0 руб.
Ваш запрос успешно отправлен!

Я согласен с условиями активации продлений
Продлить
Продолжить покупки

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

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

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

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

Скриншоты
Описание

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

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

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

Описание

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

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

Модуль позволяет установить на взрыв-схемах отметки с описанием его деталей. Также возможно привязать карточку товара с описанием и кнопкой для перехода к данному товару.

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

Варианты применения, которые мы реализовали, при помощи модуля:
  • Для создания географии работы компании - Пример
  • Для создания интерактивной карты местности туристического комплекса или базы отдыха
  • Для создания описания к товарам в интерьере
  • Для создания описания товаров или услуг
  • Для создания взрыв-схем и схем деталировки - Пример
Планы по развитию решения:
  1. Написать готовые интеграции при установке модуля на большинство шаблонов для сайтов из магазина Битрикса.
  2. Разработать вариант модуля для создания меток на базе Яндекс карт
  3. Создание более удобного интерфейса для гибкой настройки модуля.
Руководство по работе с модулем - Инструкция v.1
Руководство по работе с модулем - в разработке новая версия!
Отзывы (1)
Обсуждения (5)
Что нового
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С-Битрикс редакции не ниже "Старт".
Модуль не требует отдельного места на лицензии Битрикс.
Возможно создавать неограниченное количество интерактивных изображений с метками и использовать их на любом сайте, который создан в рамках лицензии.

Процесс установки:
  1. Установите решение из официального магазина маркетплейс.
  2. После успешной установки, в разделе "Контент", у вас появляется новый тип инфоблоков - Инфоград. В нем будет создан инфоблок "Маркеры" с заполненными демо-данными.
Процесс создания нового изображения с метками:
  1. В разделе "Контент" в инфоблоке "Маркеры" создайте раздел и назовите его по названию интерактивного изображения. В настройках раздела загружается фотография, на которой будут размещаться метки. Там же отображается код для вставки на сайт. Вы размещаете этот код в любом месте вашего сайта, где можно использовать HTML элементы и после сохранения на странице сайта будет загружаться интерактивные метки на фото.
  2. После, в созданном разделе, создайте элемент, который и будет являться меткой на фото.
  3. Задайте у данного элемента все необходимые значения и параметры (координаты, заголовки и др.). Для примера вы можете смотреть настройки элементов в демо-данных.
Руководство по работе с модулем - Инструкция v.1
Поддержка
Мы с радостью ответим на все ваши вопросы, связанные с работой наших решений, внимательно выслушаем пожелания по необходимым функциям, исправим ошибки (если вдруг они будут обнаружены).

Техническая поддержка: info@webinfograd.ru

Решение добавлено в корзину

Перейдите в корзину и оформите заказ или продолжите покупки
Перейти в корзину
Продолжить покупки