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

от Инфоград веб-студия

Купить: 12 400 руб Тестировать (14 дней) Онлайн-демо

Скриншоты

/upload/resize_cache/iblock/728/p1pinf60immtj8ll9spejxce4beoi6j6/250_250_2/geografiya_proekt.png

/upload/resize_cache/iblock/fdc/9l6btj4uv02nb1p71elzhqs9cl00w97b/250_250_2/interer.png

/upload/resize_cache/iblock/cd2/u1eu8f4jhafev7nxp2e2rjqi8inlt50g/250_250_2/karta_doma.png

/upload/resize_cache/iblock/14b/oc8mbjdtu6s4xr2q0emxx68u91102l7v/250_250_2/turist.png

/upload/resize_cache/iblock/742/6gs13ckktjlf7y70rcg8cy6xi2y7rvuu/250_250_2/turist_1.png

/upload/resize_cache/iblock/f3d/6mha037e2j6jcg4x8w1tnwb4pn4zwpq3/250_250_2/turist_2.png

/upload/resize_cache/iblock/e1e/qhw7qzec270p38z5st1ytml2zvpy81jy/250_250_2/tovar.png

/upload/resize_cache/iblock/0e5/z0kqomhvix42sn1h27y9urk6yqen1dwz/250_250_2/progulka_1.png

/upload/resize_cache/iblock/0dd/x72o102pmy9wlfawhf0rnmvy4l17drl3/250_250_2/progulka.png

/upload/resize_cache/iblock/a41/y258ut53z5moinec2cenxabm1ste8mov/250_250_2/usluga_2.png

/upload/resize_cache/iblock/1ea/dw17gm7yey1ze09v4hse12t9m3d2x10s/250_250_2/usluga.png

https://marketplace.1c-bitrix.ru/upload/update/db4/1aw02k8zk9f0krq0oz73hc5fp5wmlnks/interer.png

https://marketplace.1c-bitrix.ru/upload/update/3c6/t8fczkvsg18pl9y8lf684nde6bkgwa50/geografiya_proekt.png

https://marketplace.1c-bitrix.ru/upload/update/1ea/5xs4d7pld338vpyoxdpv98gn8f0dkybu/redaktor_visual.png

https://marketplace.1c-bitrix.ru/upload/update/732/bg9r263dg0td9ifn6qoi15gbl3rebkec/karta_doma.png

https://marketplace.1c-bitrix.ru/upload/update/e25/3gtz62nqmt0iq9rt3ifsqzkezg6vv5r6/progulka.png

https://marketplace.1c-bitrix.ru/upload/update/ebd/qiqgksyec4rafau0n2p36iiq2cm7r0hc/tovar.png

https://marketplace.1c-bitrix.ru/upload/update/e48/ldnmg7wbg276xpeaiy1p66zpjd3gqzfa/turist_1.png

https://marketplace.1c-bitrix.ru/upload/update/f09/p2tqd5jjfw3yuspv13rs1cpx68zuvidm/usluga_2.png

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

Дата публикации:

26.08.2021

Дата обновления:

17.04.2025

Версия:

0.2.3

Адаптивность:

Да

Поддержка композита:

Нет

Число установок:

100 - 499 раз

Совместимые редакции

Описание

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

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

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

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

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

Примеры реализации по индивидуальным заказам, на базе данного модуля:

Создание географии работы компании - Приме р
Создание взрыв-схем и схем деталировки запчастей и комплектующих (оформление через корзину и заказ) - Пример
Деталировка готовых решений на сайте производителя Медицинская мебель - Пример
Оформление маршрута прогулочного катера - Пример

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

Выпуск новой версии модуля 2.0 - доработка более удобного интерфейса для гибкой настройки модуля. Внесение более 25 правок, которые были выявлены в течении 2024 года. Будет выпущено новое руководство, где предоставим описание по кастомизации дизайна.
Создание раздела с настройками для кастомизации решения через административный раздел битрикса

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

Выпустить отдельный модуль взрыв-схемы, который будет работать только с торговым каталогом и товарами (редакция "Малый бизнес" и "Бизнес"). Будет базово адаптирован под корзину Битрикс и оформление заказа.
Адаптировать модуль на большинство шаблонов интернет-магазинов из магазина Битрикса.
Разработать вариант модуля для создания меток на базе Яндекс карт.

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

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

Модуль не требует отдельного места на лицензии Битрикс.
Возможно создавать неограниченное количество интерактивных изображений с метками и использовать их на любом сайте, который создан в рамках лицензии.

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

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

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

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

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

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

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