
Сравнение изображений: Фото До и После
Готовое решение для 1С-Битрикс «Фото До | После». Установите на сайт модуль сравнения изображений. Купите шаблон прямо сейчас!
Нужна лицензия 1С-Битрикс?
Поможем купить новую лицензию или продлить действующую — «1С-Битрикс: Управление сайтом» и Битрикс24.
Дорого?
Напишите нам — бесплатно подберём похожее решение подешевле под вашу задачу.
Технические данные
- Опубликовано:
- 19.03.2025
- Обновлено:
- 19.02.2026
- Версия:
- 1.0.3
- Установлено:
- Менее 50 раз
- Подходящие редакции:
- «Первый сайт», «Старт», «Стандарт», «Малый бизнес», «Бизнес», «Интернет-магазин + CRM»
- Адаптивность:
- Да
- Поддержка Композита:
- Да
- Совместимо с Сайты24
- Нет
Онлайн-демонстрация
Хотите увидеть продукт в действии? Запросите демонстрацию — мы покажем всё вживую и ответим на вопросы.
Возможности сравнения фото
Готовое решение Фото До | После — сравнение изображений для платформы 1С-Битрикс представляет собой интерактивный модуль, предназначенный для наглядной демонстрации визуальных изменений. Основная функция решения — предоставить посетителям сайта возможность сравнить два изображения (исходное и изменённое) с помощью горизонтального ползунка. Продукт решает задачу повышения доверия к услугам и товарам, где ключевым аргументом является видимый результат, и устраняет необходимость в ручной разработке сложных интерфейсов для слайдеров.
Функциональные возможности и технические характеристики
После установки модуля на сайт под управлением 1С-Битрикс (поддерживаются все редакции от «Первый сайт» до «Интернет-магазин + CRM») вы получаете готовый компонент с полным набором настроек. Покупателю доступны:
- Интерактивный слайдер с ползунком: пользователь перемещает ползунок влево или вправо, чтобы увидеть изображение «до» и «после». Ползунок автоматически подстраивается под любые размеры экрана, обеспечивая корректную работу на десктопах, планшетах и смартфонах (100% адаптивность).
- Автоматическая прокрутка: в настройках модуля можно задать время смены слайдов для автоматической демонстрации результатов без действий пользователя.
- Галерея изображений: поддерживается создание нескольких пар фотографий «до/после» с навигацией через пагинацию и кнопку «Показать ещё».
- Гибкая кастомизация: вы можете настроить цвет ползунка, его форму и расположение. Внешний вид легко адаптируется под дизайн сайта через настройки модуля или доработку стилей (CSS).
Модуль совместим с технологией Композит, что гарантирует высокую скорость загрузки страниц даже при наличии большого количества изображений. Версия продукта 1.0.3, актуальная на момент публикации, прошла проверку и готова к эксплуатации.
Для кого подходит это решение
Продукт предназначен для бизнесов и сфер услуг, где критично показать визуальную разницу. В первую очередь это:
- Строительство и ремонт: демонстрация состояния объекта до и после отделки.
- Дизайн интерьеров и архитектура: сравнение концепции и реализованного проекта.
- Косметология и медицина: показ результатов процедур (лазерная коррекция, уход за лицом).
- Фитнес и здоровье: трансформация тела, «до и после» тренировок или диет.
- Автосервис и детейлинг: сравнение состояния автомобиля до обслуживания и после.
Решение одинаково эффективно для портфолио фрилансеров, корпоративных сайтов и интернет-магазинов, где визуальное доказательство качества влияет на конверсию. Благодаря низкому порогу входа (менее 50 установок, но высокая функциональность) и поддержке всех редакций 1С-Битрикс, модуль подходит как для малого, так и для среднего бизнеса.
Модуль "Фото До | После" — это удобное и интерактивное решение для демонстрации изменений на фотографиях.

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

1 Интерактивный слайдер с ползунком:
- Пользователь может перемещать ползунок влево или вправо, чтобы увидеть изображение "до" и "после"
- Ползунок адаптируется под любые размеры экрана, обеспечивая удобство использования на десктопах, планшетах и мобильных устройствах
- Слайдер использует автопрокрутку, время смены слайдов задаётся в настройках модуля
- Модуль поддерживает создание галереи с несколькими фотографиями "до/после"
- Возможность навигации между изображениями с помощью пагинации и кнопки «Показать ещё»
- Возможность настройки цвета ползунка, его формы и расположения
- Поддержка кастомизации стилей настройки модуля или компонента
- Интуитивно понятный интерфейс административной панели для загрузки изображений
- Возможность добавлять заголовок и описание к каждому изображению "до/после"
- Модуль легко интегрируется в существующие проекты на 1С-Битрикс
- Модуль можно использовать неограниченное число раз с разными настройками отображения на разных страницах сайта
- Изображения автоматически оптимизируются для быстрой загрузки
- Поддержка lazy load для улучшения производительности
Примеры использования:
- Строительные компании: демонстрация результатов ремонта или строительства
- Косметологические клиники: показ изменений после процедур
- Фитнес-центры: демонстрация трансформации тела клиентов
- Дизайнеры интерьеров: сравнение интерьеров до и после редизайна
Преимущества:
- Удобство для пользователей: интерактивный и понятный интерфейс
- Гибкость настройки: возможность адаптировать модуль под дизайн сайта
- Универсальность: подходит для различных тематик и сфер деятельности
- Модуль "Фото ДО/ПОСЛЕ" — это современное решение, которое поможет вам наглядно продемонстрировать изменения и привлечь внимание посетителей вашего сайта

Для чего предназначено решение «Сравнение изображений: Фото До и После» и как оно помогает бизнесу?
С какими версиями и редакциями 1С-Битрикс совместим модуль?
Какова стоимость модуля и какие условия лицензирования?
Как установить и настроить модуль на сайте?
Предоставляется ли техническая поддержка после покупки?
Установка модуля из Маркетплейса
Зайдите в административную панель вашего сайта на 1С-Битрикс, перейдите в раздел «Маркетплейс» → «Каталог решений». Найдите модуль «Сравнение изображений: Фото До и После», нажмите «Установить» и дождитесь завершения загрузки и установки.
Активация и настройка модуля
Перейдите в раздел «Маркетплейс» → «Установленные решения», найдите установленный модуль и нажмите «Настроить». В открывшейся форме задайте общие параметры, такие как время автоматической прокрутки (если требуется), и сохраните изменения.
Создание инфоблока для изображений
В разделе «Контент» → «Инфоблоки» создайте новый инфоблок (или используйте существующий), который будет хранить изображения «до» и «после». Добавьте в него пользовательские свойства для загрузки двух изображений (например, UF_IMAGE_BEFORE и UF_IMAGE_AFTER).
Привязка компонента к странице
Откройте нужную страницу или раздел в режиме редактирования (например, через «Структура» → «Страницы»). Добавьте на страницу компонент модуля «Фото До | После» из панели компонентов, выберите созданный инфоблок и укажите поля с изображениями в настройках компонента.
Проверка работы модуля на сайте
Сохраните изменения на странице и перейдите в публичную часть сайта. Убедитесь, что ползунок отображается корректно, изображения переключаются при его перемещении, а слайдер адаптируется под разные разрешения экрана (десктоп, планшет, смартфон).
- v1.0.319.02.2026
- Адаптация к новому обновлению битрикс
- v1.0.217.02.2026
- Адаптация к новому обновлению битрикс
- v1.0.117.02.2026
- Адаптация к новому обновлению битрикс
Нужна помощь с установкой?
Напишите нам — поможем установить и настроить модуль на вашем сайте.






















