Как добавить галерею на сайт

В конструкторе лендингов SendPulse вы можете добавить галерею, чтобы отобразить несколько изображений в виде карусели, сетки или коллажа. К примеру, вы можете использовать галерею как портфолио или, чтобы показать товары и скриншоты отзывов.

Рассмотрим, как добавить виджет и настроить каждый тип отображения.

Добавьте элемент

Добавьте виджет «Галерея» в нужную часть шаблона.

Загрузите изображения

Нажмите «Выбрать файл».

Чтобы добавить новые файлы, нажмите «Загрузить файл» и выберите с компьютера или перетащите в область изображения. Нажмите «Загрузить».

После загрузки нажмите на крестик, чтобы закрыть модальное окно, и выберите загруженный файл в менеджере файлов.

Вы можете загружать файлы списком. Но добавлять в галерею вы можете только по одному.

Чтобы добавить больше изображений, нажмите «Добавить».

Чтобы заменить или удалить изображение, наведите на него и нажмите на соответсвующую иконку.

Чтобы изменить расположение по сетке, зажмите картинку и перетащить в нужное место.

Настройте галерею

Выберите тип галереи — карусель, сетка, коллаж — и нажмите «Настроить».

Карусель

Используется для презентации изображений в виде слайдов с прокруткой.

Для настройки галереи типа «Карусель» вы можете выбрать, сколько изображений выставлять в ряд и как отображать: показывать сразу весь ряд изображений или показывать по одному с отображением ряда внизу.

Настройте внешний вид: введите в пикселях размер отступа между изображениями в ряду и скругление элементов, а также выберите цвет кнопок управления.

Вы также можете дополнительно настроить параметры взаимодействия пользователей с галереей: включить или выключить отображение картинки по клику* и автоматическую смену слайдов.

*При включенной опции изображение будет открываться в модальном окне в его оригинальном размере.

Сетка

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

Для настройки галереи типа «Сетка» вы можете выбрать, сколько изображений выставлять в ряд.

Вы также можете дополнить настройки внешнего вида — введите в пикселях размер отступа между изображениями в ряду и скругление элементов. И выберите, как взаимодействовать с каждой картинкой в сетке — открывать изображение по клику* или нет.

Коллаж

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

Вы можете выбрать внешний вид галереи типа «Коллаж» на основе разных шаблонов.

Вы также можете дополнить настройки внешнего вида — введите в пикселях размер отступа между изображениями в ряду и скругление элементов. И выберите, как взаимодействовать с каждой картинкой в коллаже — открывать изображение по клику* или нет.

Обновлено: 20.03.2023