Модули Разметка областей на изображениях

Xlogic.Markup

Оживите свои
изображения на 1С-Битрикс

Превратите статичные картинки в интерактивные карты с подсказками, подсветкой и легендой. Без программистов и без вёрстки.

Попробовать бесплатно Демо

Без программиста 5 минут на настройку Работает на Старт

Наведите на зону

Кому подходит

Готовое решение для любых задач

Корпоративные сайты

Планы этажей, схемы офисов, карты парковок и навигация по зданиям.

Интернет-магазины

Наглядное описание состава товаров, узлов и комплектации прямо на фото.

Недвижимость и девелоперы

Генпланы жилых комплексов с подписями корпусов, этажей и инфраструктуры.

Простота

Как это работает

Четыре шага — и ваша картинка становится интерактивной

Загрузите изображение

В админке перейдите в «Контент → Разметка областей» и загрузите нужное фото.

Нарисуйте области

Прямо в браузере создавайте прямоугольники, круги или произвольные контуры. Задайте название, описание и цвет каждой зоны.

Вставьте код

Используйте шорткод вида #plan_1etazh# в любой странице, новости или карточке товара.

Получите результат

Модуль автоматически подставляет готовую карту со стилями, скриптами и легендой.

Для посетителя

Что видит пользователь на сайте

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

Подсветка зон

Всплывающие подсказки

Интерактивная легенда с подсветкой

Всё работает без перезагрузки страницы

Функционал

Возможности модуля

Визуальный редактор

Разметка без HTML и координат вручную. Создание перетаскиванием, перемещение, изменение размера, редактирование точек полигона.

Вставка одним кодом

Уникальный шорткод вида #office# для быстрой вставки в любую страницу, инфоблок или статический шаблон.

Гибкий показ

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

Права доступа

Закрыто / чтение / запись — контент-редактор размечает, гости без права не правят.

Сценарии

Где пригодится Xlogic.Markup

Планы офисов, ТЦ и парковок

Зоны кабинетов, магазинов, мест общего пользования с подсказками для посетителей.

Карточки товаров

Наглядное описание состава, узлов, комплектации прямо на фотографии товара.

Инфографика и схемы

Визуальные подписи без Photoshop и без правки вёрстки — быстро и профессионально.

Образовательный контент

Подписи к частям схем, приборов, объектов на учебных иллюстрациях.

Для бизнеса

Почему это выгодно

Экономия времени — разметка занимает минуты, а не часы
Экономия бюджета — не нужна кастомная вёрстка
Самостоятельность — контент-менеджер управляет без IT-отдела
Универсальность — подходит для любых задач и типов сайтов
Аккуратность — при обновлении данные не теряются

Внедрение за 5 минут

Экономия до 80%

Адаптивный интерфейс

Ядро 14.00.00+ Русский / English Безопасное удаление

Начните сейчас

Сделайте свой контент понятнее

Загрузите, разметьте и вставьте — ваши картинки заговорят

Скачать модуль Смотреть демо

Работает на 1С-Битрикс Старт и выше

Вопросы и ответы

Что такое Xlogic.Markup и для чего он нужен?

Xlogic.Markup — это модуль для 1С-Битрикс, который позволяет контент-менеджеру самостоятельно создавать интерактивные карты на изображениях. Вы загружаете фото, размечаете на нём зоны (прямоугольники, круги или произвольные контуры), добавляете названия и описания, а на сайте посетитель видит цветные области, подсказки при наведении и легенду. Модуль подходит для планов этажей, схем офисов, карточек товаров, инфографики, образовательных материалов и любых других задач, где нужно «объяснить картинку словами».

Нужно ли быть программистом, чтобы работать с модулем?

Нет. Модуль разработан специально для контент-менеджеров и редакторов, которые не владеют навыками вёрстки и программирования. Вся разметка выполняется визуально в админке: вы просто рисуете области на изображении и заполняете поля. Для вставки готовой карты на сайт используется простой шорткод вида #карта#.

Какие версии 1С-Битрикс поддерживает модуль?

Модуль работает на редакции «Старт» и выше, начиная с ядра версии 14.00.00. Поддерживаются все актуальные обновления платформы.

Можно ли настроить отображение для каждой карты отдельно?

Да. Для каждой созданной карты вы можете гибко настроить показ подсказок, подписей, легенды, состав столбцов и положение списка (сверху, снизу, слева или справа). Также доступен режим «чистое фото» — области появляются только при наведении курсора, а в обычном состоянии изображение выглядит как статичная картинка.

Есть ли ограничение по количеству зон на одной карте?

Нет. Вы можете создавать любое количество зон на одном изображении — от 2–3 до нескольких десятков. Модуль оптимизирован для работы с большим количеством областей.