This article is also available in:
Если вы хотите сравнить 2 картинки на сайте, показав состояние "до" и "после", галерея Before/After идеально подойдет для этой цели.

Этот блок будет хорошо смотреться на сайтах, где нужно показать результат проделанной работы - например, для стоматологии, салонов красоты, ремонтных услуг и т.д.

Для того, чтобы настроить галерею Before/After, следуйте инструкциям ниже.

Нажмите на Add Block в редакторе и выберите wireframe-series-10-gallery:



Подсказка: вы можете добавить Before/After галерею как элемент в некоторых блоках. Больше информации вы можете найти в статье Добавление элементов в блок.

Нажмите на компонент картинки, а затем на настройки, чтобы загрузить фото или выбрать его из галереи:



Вы можете выбрать картинку во всплывающем окне:



Нажмите на иконку настроек в верхнем левом углу блока, чтобы выбрать позицию слайдера (вертикальный/горизонтальный), а также подобрать цвет рычажка:



Опубликуйте сайт, чтобы изменения вступили в силу.

Ниже вы увидите пример галереи Before/After на опубликованном сайте. Посетители сайта смогут потянуть рычажок вправо или влево, чтобы сравнить картинки:

Была ли эта статья полезна?
отменить
Спасибо!