
До/после: сравнение двух изображений через компонент и iFrame
Готовый шаблон для 1С-Битрикс: сравнение фото «До и После». Легкая вставка через компонент и iFrame. Купите решение для наглядного контента на сайте
Нужна лицензия 1С-Битрикс?
Поможем купить новую лицензию или продлить действующую — «1С-Битрикс: Управление сайтом» и Битрикс24.
Дорого?
Напишите нам — бесплатно подберём похожее решение подешевле под вашу задачу.
Технические данные
- Опубликовано:
- 12.08.2019
- Обновлено:
- 12.09.2025
- Версия:
- 1.2.2
- Установлено:
- 50 - 99 раз
- Подходящие редакции:
- «Старт», «Стандарт», «Малый бизнес», «Бизнес», «Интернет-магазин + CRM»
- Адаптивность:
- Да
- Поддержка Композита:
- Да
- Совместимо с Сайты24
- Нет
Онлайн-демонстрация
Хотите увидеть продукт в действии? Запросите демонстрацию — мы покажем всё вживую и ответим на вопросы.
Возможности компонента сравнения
Готовый модуль для наглядного сравнения изображений на сайте 1С-Битрикс
Модуль «Фото до/после: Сравнение двух изображений» — это профессиональное решение для сайтов на платформе 1С-Битрикс, которое позволяет посетителям в интерактивном режиме оценить разницу между двумя фотографиями. С помощью ползунка пользователь может плавно сдвигать границу между снимками, визуально сравнивая результат до и после обработки. Продукт полностью совместим с редакциями «Старт», «Стандарт», «Малый бизнес», «Бизнес» и «Интернет-магазин + CRM», поддерживает адаптивную верстку и работу с композитным режимом, что гарантирует быструю загрузку страниц на любых устройствах.
Ключевые возможности и что получает покупатель
После установки и активации модуля вы получаете функциональный инструмент для демонстрации изменений. Визуальный редактор позволяет размещать неограниченное количество пар изображений на любых страницах сайта через стандартный компонент Битрикса или встраивать их через iFrame. Владелец сайта может гибко настраивать внешний вид ползунка (цвет, форма, положение), чтобы он гармонировал с фирменным стилем бренда. В техническом плане модуль отличается простотой: установка и первичная настройка занимают несколько минут, а интерфейс управления интуитивно понятен даже для пользователей без навыков программирования.
Для кого предназначен (бизнес и тематики)
Продукт ориентирован на компании, которым необходимо наглядно подкреплять свои услуги визуальными доказательствами эффективности. В первую очередь это:
- Кузовной ремонт и детейлинг автомобилей — демонстрация состояния машины до и после полировки, покраски или химчистки;
- Строительство и ремонт квартир/домов — показ преображения помещений после отделки или перепланировки;
- Пластическая хирургия и косметология — визуализация результатов процедур и операций;
- Клининговые компании и химчистки — сравнение загрязненных и очищенных поверхностей;
- Фотостудии и дизайнеры интерьеров — демонстрация цветокоррекции или этапов работы над проектом.
Преимущества использования на сайте
Модуль решает ключевую задачу конверсии: вместо того чтобы заставлять клиента гадать, какой была исходная ситуация, вы даете ему инструмент для мгновенного сравнения. Это повышает доверие к вашему бизнесу и сокращает время принятия решения о заказе. Простота встраивания через iFrame позволяет использовать слайдер даже на страницах с нестандартной версткой, а полная поддержка адаптивности гарантирует корректное отображение на мобильных телефонах и планшетах. Версия модуля 1.2.2 протестирована на актуальных сборках платформы, что исключает конфликты с другими решениями.

Модуль «Фото до/после» предоставляет пользователям возможность визуально и наглядно продемонстрировать разницу между двумя фотографиями, сделанными до и после выполнения определенной услуги. Благодаря этому модулю, пользователи смогут увидеть реальные результаты и эффекты, достигнутые после определенных процедур, ремонтных работ или изменений.

⭐ Создание неограниченного количества пар картинок: вы можете добавить столько пар фотографий, сколько вам необходимо, чтобы продемонстрировать различия в разных проектах или услугах.
⭐ Кастомизация внешнего вида ползунка: наш модуль позволяет вам настроить внешний вид ползунка, чтобы он соответствовал вашему бренду или дизайну страницы.
⭐ Простота в установке, настройке и использовании: мы разработали модуль таким образом, чтобы он был максимально прост в использовании. Установка и настройка займут всего несколько минут, а после этого вы сможете легко добавлять и изменять пары фотографий.
Модуль «Фото до/после» является незаменимым инструментом для различных отраслей, таких как кузовной ремонт и детейлинг автомобилей, ремонт квартир и домов, пластическая хирургия, строительство, дизайн интерьера и многое другое. Благодаря нашему модулю, вы сможете эффективно и наглядно демонстрировать свои проекты и достижения, привлекая больше клиентов и увеличивая доверие к вашей компании или бренду.

Бесплатный 7-дневный демо-период позволяет протестировать функционал модуля в полном объеме и убедиться, что он успешно решает ваши бизнес-задачи!
Если у вас появилась идея или пожелание по доработке нашего модуля, пожалуйста, пишите нам в чат открытой линии.
Мы обязательно рассмотрим ваше предложение и обсудим возможность его внедрения в рамках обновления или персональной доработки модуля.
Если вам понравилась работа нашего модуля, пожалуйста, оставьте отзыв на специальной вкладке "Отзывы", данной страницы. Мы будем очень вам благодарны!
А также, чтобы своевременно узнавать о выходе обновлений наших продуктов и другой полезной информации, мы рекомендуем вам подписаться на наши соцсети:
Для чего нужен модуль «До/после: сравнение двух изображений» на сайте?
С какими редакциями 1С-Битрикс совместим модуль?
Какова стоимость и условия лицензирования модуля?
Как установить и настроить модуль на сайте?
Какая техническая поддержка предоставляется покупателю?
Установка модуля из Маркетплейс
Перейдите в административную панель сайта, откройте раздел «Маркетплейс» → «Каталог решений». Найдите модуль «До/после: сравнение двух изображений через компонент и iFrame» и нажмите «Установить».
Активация и настройка модуля
После установки перейдите в «Маркетплейс» → «Установленные решения». Найдите модуль в списке и нажмите «Настроить». В открывшейся форме укажите параметры по умолчанию: цвет и форму ползунка, а также поведение при загрузке страницы.
Размещение компонента на странице
Откройте страницу сайта в режиме визуального редактирования (или через «Управление страницей»). Добавьте компонент «До/после: сравнение изображений» из списка доступных, указав в настройках пути к изображениям «До» и «После».
Настройка прав доступа и кеширования
Убедитесь, что модуль отображается для всех групп пользователей. В разделе «Настройки» → «Настройки продукта» → «Производительность» проверьте, что композитный режим и кеширование не блокируют работу интерактивного ползунка.
Проверка отображения на всех устройствах
Откройте страницу с компонентом в браузере на десктопе и мобильном устройстве. Убедитесь, что ползунок плавно двигается, изображения корректно сравниваются, а верстка адаптируется под экран.
Тестирование через iFrame
Если требуется встраивание на внешние ресурсы, скопируйте код iFrame из настроек модуля. Вставьте его на любую страницу или сторонний сайт и проверьте, что сравнение изображений работает без ошибок.
- v1.2.212.09.20251. Незначительные правки в работе компонента.
- v1.2.101.08.20251. Улучшена безопасность модуля.
- v1.2.002.04.20251. Улучшена совместимость с Bitrix версии 25.Х.
2. Улучшена совместимость с версией PHP 8.4.
3. Повышена безопасность модуля. - v1.1.518.02.20241. Восстановлена совместимость модуля с PHP 7.4.
2. Улучшена совместить модуля с Bitrix версии 23.x.
3. Добавлена возможность отключения информера СкайВеб24 в админке сайта.
4. Прочие мелкие bugfix и исправления. - v1.1.429.11.20231. Доработан установщик модуля.
- v1.1.103.10.20231. Улучшена работа модуля.
- v1.1.006.06.20231. Добавлена возможность загружать свою иконку для кнопки разделителя картинок.
2. Доработана анимация смены картинок и разделительной линии. - v1.0.406.06.20231. Исправлены незначительные ошибки.
- v1.0.317.12.20201. Исправлена ошибка настройки прав доступа на модуль.
- v1.0.214.10.20201. Исправлены незначительные ошибки на странице настроек модуля.
Нужна помощь с установкой?
Напишите нам — поможем установить и настроить модуль на вашем сайте.





















