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

---

---

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

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

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

Основные возможности (уже реализовано):

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

Варианты применения, которые мы реализовали, при помощи модуля:

• Для создания географии работы компании - Пример
  
• Для создания интерактивной карты местности туристического комплекса или базы отдыха
  
• Для создания описания к товарам в интерьере
  
• Для создания описания товаров или услуг
  
• Для создания взрыв-схем и схем деталировки - Пример
  

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

1. Написать готовые интеграции при установке модуля на большинство шаблонов для сайтов из магазина Битрикса.
   
2. Разработать вариант модуля для создания меток на базе Яндекс карт
   
3. Создание более удобного интерфейса для гибкой настройки модуля.
   

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

Модуль устанавливается с помощью стандартного установщика на активную лицензию 1С-Битрикс редакции не ниже "Старт".

Процесс установки:

1. Установите решение из официального магазина маркетплейс.
   
2. После успешной установки, в разделе "Контент", у вас появляется новый тип инфоблоков - Инфоград. В нем будет создан инфоблок "Маркеры" с заполненными демо-данными.
   

Процесс создания нового изображения с метками:

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

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

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

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