Инструменты
Goodsol: До/После
от Хорошие решения goodsol.beforeafter
5 000 ₽
Электронная передача по России, без платы за доставку, после подтверждения заказа и не позже 5 дней. Условия.
Скриншоты
Технические данные
- Опубликовано:
- 19.06.2026
- Версия:
- 1.1.0
- Установлено:
- Менее 50 раз
- Подходящие редакции:
- «Первый сайт», «Старт», «Стандарт», «Малый бизнес», «Бизнес»
- Адаптивность:
- Да
- Поддержка Композита:
- Да
- Совместимо с Сайты24
- Да
Модуль, который позволяет быстро выводить на сайте интерактивные сравнения изображений в формате «До / После». Подходит для клиник, салонов, строительных компаний, автосервисов, дизайнеров, производителей, специалистов по ремонту, косметологии и любых проектов, где важно наглядно показать результат работы.
Модуль дает возможность создавать пары изображений, задавать для каждой пары собственный эффект отображения и выводить нужный блок в любом текстовом контенте сайта через простой маркер вида #COMPARE_1#. Это удобно для новостей, статей, лендингов, услуг, кейсов и любых других разделов сайта без ручной верстки и без настройки сложных компонентов.
В модуле доступны несколько эффектов показа: горизонтальный ползунок, вертикальный ползунок, затухание, показ двух изображений рядом и режим наведения. Также предусмотрены настройки внешнего вида: цвет ползунка, размеры элементов, скругления, подписи и водяной знак поверх изображения. Модуль легко встраивается в структуру сайта и позволяет быстро создавать наглядные продающие блоки сравнения.
Модуль дает возможность создавать пары изображений, задавать для каждой пары собственный эффект отображения и выводить нужный блок в любом текстовом контенте сайта через простой маркер вида #COMPARE_1#. Это удобно для новостей, статей, лендингов, услуг, кейсов и любых других разделов сайта без ручной верстки и без настройки сложных компонентов.
В модуле доступны несколько эффектов показа: горизонтальный ползунок, вертикальный ползунок, затухание, показ двух изображений рядом и режим наведения. Также предусмотрены настройки внешнего вида: цвет ползунка, размеры элементов, скругления, подписи и водяной знак поверх изображения. Модуль легко встраивается в структуру сайта и позволяет быстро создавать наглядные продающие блоки сравнения.
1. Установка модуля
После приобретения модуля в административном разделе (Marketplace/Установленные решения) у вас появится новый модуль «Goodsol: До/После» нажмите «Скачать», затем «Установить». После чего можно перейти к настройкам в разделе "Сервисы" → "До/После".
2. Создание новой пары
Нажмите Добавить пару.
Заполните поле Название.
Выберите нужный эффект отображения.
При необходимости задайте сортировку.
Загрузите изображение До.
Загрузите изображение После.
Сохраните запись.
После сохранения пара получает ID. Для вывода блока в тексте используйте маркер: #COMPARE_1#, где 1 — это ID нужной пары.
Таким образом публиковать изображения сравнения можно в любом месте, где используется текстовый редактор.
Прочие настройки
В разделе "Сервисы → До/После → Настройки" доступны прочие настройки. Здесь можно активировать или деактивировать работу модуля, выбрать цвет ползунка, задать его размер в пикселях, а также настроить фон для текстовых подписей "До" и "После".
В отдельной вкладке "Водяной знак" можно задать настройки для вывода водяного знака на изображениях, выводимых модулем.