Блок "Фотогалерея"

1. Назначение

Блок «Фотогалерея» — сетка превью изображений с открытием в полноэкранном режиме.

Где и зачем применять:

• Показать портфолио, работы, проекты.

• Продемонстрировать товар с разных ракурсов.

• Иллюстрировать статьи, новости, блог.

• Разместить сертификаты, дипломы, награды.

Почему именно он: даёт быстрый обзор всех фото сразу, пользователь сам выбирает, что увеличить. В отличие от слайдера — без автопереключения, в отличие от текста — визуально и наглядно. Идеален для визуального контента, где важна детализация.

 

---

 

2. Установка и внешний вид

Кнопка установки блока:

 

 

Доступно 3 стиля фотогалереи на выбор с возможностью последующей смены. Стандартные пропорции изображений: 16:9, 4:3, 1:1, 3:4, 9:16. Указанные пропорции применяются только к превью. Пропорции большого изображения не меняются.

 

Обычная (в режиме редактирования):

 

 

 

С появлением текстового поля (в режиме редактирования).

 

 

 

С подъёмом текстового поля (в режиме редактирования):

 

 

 

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

 

 

 

Фотогалерея адаптируется под любые экраны, включая мобильные устройства и планшеты.

 

 

---

 

3. Управление блоком

Редактирование текста заголовка

 

Добавить изображение

Работа с отдельными изображеними

Редактировать изображение

При нажатии открывается модальное окно для выбора изображения и редактирования текста.

 

 

Выбрать иконку

Удалить изображение

 

Настройки

Нажатие на кнопку открывает окно настроек блока и закладки:

• Опции

  • тип фотогалереи;

  • формат, пропорции превью (16x9, 4x3, 1x1, 3x4, 9x16);

  • максимальная ширина;

  • вертикальный отступ;

  • отступ между изображениями;

  • радиус скругления изображения;

• Фон — цвет, градиент или изображение.

• Заголовок

  • текст;

  • размер шрифта;

  • цвет текста;

• Шрифт, wdtn

  • размер шрифта заголовка изображения

  • размер шрифта дополнительного текста

  • цвет шрифта

  • цвет вуали

  • непрозрачность вуали

Перетащить блок

Захватите иконку мышью и перетащите блок вверх или вниз. Отпустите — блок зафиксируется на новом месте.

Для удобства удерживайте захваченный блок и перемещайте страницу клавишами-стрелками вверх/вниз.

 

Копировать блок

Нажатие на кнопку копирует блок на текущую или другую страницу.

 

Удалить блок

 

Переместить блок вверх

 

Переместить блок вниз

 

Геренация контента на ИИ

 

Помощь