До / После 01

Яндекс КИТГлавнаяМедиа

Интерактивное сравнение двух изображений с перетаскиваемым разделителем.

Живой предпросмотр

Десктопная версия показана в уменьшенном масштабе

kit-agency.ru

Увидите разницу

Передвигайте разделитель, чтобы сравнить изображения до и после.

Нейтральное демо-фото «После»Нейтральное демо-фото «После»После
Нейтральное демо-фото «До»Нейтральное демо-фото «До»До

HTML, CSS и JSON Schema

Частые вопросы про «До / После 01»

Что это за секция, как добавить её в Яндекс КИТ и можно ли изменить дизайн.

Что такое секция «До / После 01» для Яндекс КИТ?

«До / После 01» — готовый блок из категории «Медиа». Интерактивное сравнение двух изображений с перетаскиваемым разделителем. Секция помогает сравнить результат «до» и «после» и обычно ставится на главная.

Как добавить «До / После 01» на сайт в Яндекс КИТ?

На странице секции нажмите «Получить секцию» и скопируйте HTML, CSS и JSON Schema. В админке Яндекс КИТ откройте редактор сайта, добавьте кастомную секцию, вставьте три файла во вкладки и сохраните. Блок «До / После 01» чаще всего размещают на главная.

Можно ли изменить дизайн и содержание секции «До / После 01»?

Да. В редакторе КИТ можно настроить заголовок, описание, подпись фотографии «до», подпись фотографии «после» и фото «до» — пк. Готовую секцию можно настроить самостоятельно. Если нужна нестандартная логика, новый дизайн или индивидуальная доработка магазина, можно обратиться в KIT Agency.