Сравнение изображений «До / После»

Показывайте результат работы через сравнение двух фотографий. Создайте пару, выберите эффект и вставьте маркер в статью, услугу или кейс — модуль выведет блок «До / После».

10 000 ₽ 5 000 ₽ -50%
Редакция
«Первый сайт», «Старт», «Стандарт», «Малый бизнес», «Бизнес»
Версия
1.1.0
Поддержка Композита
Да
Купить на Маркетплейс Битрикс -1С

Результат работы в двух фотографиях

Модуль добавляет на сайт сравнение изображений в формате «До / После». Он подходит для кейсов ремонта, строительства, дизайна, автосервиса и других работ, где результат можно показать фотографиями исходного и итогового состояния.

Пары создаются в административной панели. Для каждой задаются название, изображения и собственный эффект отображения. Готовый блок можно разместить в новости, статье, описании услуги или на посадочной странице с текстовым редактором.

Выберите способ сравнения

В модуле предусмотрены пять эффектов:

  • горизонтальный ползунок;

  • вертикальный ползунок;

  • затухание;

  • два изображения рядом;

  • смена по наведению.

Оформление настраивается под страницу: можно задать цвет и размер ползунка, скругления и подписи. В настройках доступны фон подписей «До» и «После» и отдельная вкладка водяного знака. Его параметры применяются к изображениям, которые выводит модуль.

Вставка через текстовый редактор

После сохранения пара получает ID. Добавьте в нужное место текста маркер вида #COMPARE_1#, где 1 — идентификатор пары. На странице он выводит соответствующий блок сравнения. Для этого способа публикации не требуется вручную верстать блок или настраивать сложный компонент.

Управление парами и общим оформлением разделено: изображения и эффект выбираются в записи пары, а включение модуля и общие параметры доступны в настройках. В карточке решения заявлены адаптивность, поддержка Композита и совместимость с Сайты24.

Контент

Интерактивная карта на изображении

Маркетинг

Сквозной промобаннер

Маркетинг

Колесо фортуны для сбора контактов

Аналитика

Аналитика заказов и UTM-источников

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

Можно добавить водяной знак на фотографии?

Ая

Да. В настройках модуля есть вкладка «Водяной знак» для изображений, выводимых в блоке сравнения.

сложные задачи в 1с-битрикс не всегда
требуют дорогой кастомной разработки,
иногда достаточно просто установить
правильный модуль

{
}
10 000 ₽ 5 000 ₽