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

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

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

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

Интерактивные метки на фото

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

Интерактивные метки на фото

Интерактивные метки на фото

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

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

Опубликовано:
26.08.2021
Обновлено:
04.08.2022
Версия:
0.0.4
Установлено:
50 - 99 раз
Подходящие редакции:
«Старт», «Стандарт», «Малый бизнес», «Бизнес»
Адаптивность:
Да
Поддержка Композита:
Нет
Совместимо с Сайты24
Нет

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

Описание

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

Основные возможности:
  • Добавлять интерактивные метки на изображения и фото
  • Добавлять краткое описание к метке в виде открывающейся подсказки.
  • Добавлять подробное описание с использованием текста, фото и видео информации в виде отрывающегося модального окна.

Варианты применения, которые мы реализовали, при помощи модуля:
  • Для создания географии работы компании - Пример
  • Для создания интерактивной карты местности туристического комплекса или базы отдыха
  • Для создания описания к товарам в интерьере
  • Для создания описания товаров или услуг
  • Для создания взрыв-схем и схем деталировки - Пример
Планы по развитию решения:
  1. Написать графический редактор для расстановки меток непосредственно на картинке из административной части.
  2. Дополнить набор анимации для меток
  3. Сделать возможность привязки товаров из каталога сайта с возможностью добавления в корзину.
Руководство по работе с модулем - Инструкция v.1
Отзывы (1)
Обсуждения (4)
Что нового
0.0.4 (11.03.2022) Внесены следующие изменения :
  • 1. Исправлено смещение метки при масштабировании экрана.
  • 2. Добавлена вкладка "Визуальный редактор" меток в раздел инфоблока.
  • 3. Добавлены подсказки для пользовательских полей в разделе инфоблока.
  • 4. Изменены методы работы js для вызова через дом-элемент и компонент.
  • 5. Измены некоторые стили и стандартный шаблон компонента.
0.0.3 (11.11.2021) Внесены следующие изменения:
  • 1. Внесены исправления в стили
  • 2. Внесены изменения в шаблон компонента infograd.markers
  • 3. Исправлена критическая проблема отображения пролога модуля

ВНИМАНИЕ!
После обновления необходимо сбросить кэш, для применения обновлений шаблона, стилей и скриптов
0.0.2 (04.09.2021) Исправления:
  • Добавлено закрытие краткого описания при клике по заголовку
  • Исправлена ошибка при установке на многосайтовых проектах. У инфоблока "Маркеры" установлена галочка активен для всех сайтов.
Установка
Модуль устанавливается с помощью стандартного установщика на активную лицензию 1С-Битрикс редакции не ниже "Старт".
Модуль не требует отдельного места на лицензии Битрикс.
Возможно создавать неограниченное количество интерактивных изображений с метками и использовать их на любом сайте, который создан в рамках лицензии.

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

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

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

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