Фотогалерея
Добавьте это поле в конструкторе. Откроется панель настроек.
Укажите количество столбцов для отображения изображений (по умолчанию установлено 4).
Выберите из списка способ отображения:
- «Вместить» – изображение заполнит родительский элемент по ширине или высоте (в зависимости от формата картинки)
- «Заполнить» – изображение будет растянуто на весь родительский элемент как по ширине, так и по высоте.
Выберите действие, которое произойдет при клике на изображение:
- «Раскрыть в попап» – изображение будет отображено в модальном окне с возможностью переключения между ними.
- «Ничего не делать» – изображения будут статично отображаться.
Активируйте переключатель «Показывать подпись», если нужно отображать подпись под каждым изображением.
Добавление изображений
В панели «Добавить изображения» кликните по полю загрузки, либо перетащите файлы в это поле (можно добавлять сразу несколько изображений).
После этого нажмите Загрузить
По завершении нажмите кнопку Загрузить, после чего файлы появятся в блоке «Добавленные изображения»
При необходимости в этой панели можно:
- изменить порядок изображений, просто перетащив их в нужное место;
- отредактировать название. Нажмите на кнопку с изображением карандаша, укажите новый текст и сохраните;
- удалить изображение по нажатию на значок крестика.
Галерея позволяет установить определенное количество столбцов для улучшения адаптивности.
В панели «Адаптивное поведение» укажите количество колонок для отображения на планшетах и мобильных устройствах.
По завершении сохраните настройки и откройте форму на сайте
Способ отображения «Вместить»
Способ отображения «Заполнить»
По клику изображение открывается в модальном окне. Есть кнопки переключения между ними, подпись отображается под изображением.
В общих настройках дизайна можно изменить размер скругления и это отразится на виджетах.
Оставить комментарий