Галерея

Что делает модуль

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

Где пригодится

Подходит для проектов, мероприятий, продукции и примеров работ. Способ показа крупного изображения определяет дизайн галереи.

Пример из демо-шаблона

Ниже — реальная метка из дизайна FoXBuilder. Система подставляет в неё вывод модуля или данные текущей страницы; метки настраиваемых экземпляров задаются в админке.

<main>[#portfolio_gallery#]</main>

Фотографии объектов, работ, товаров и событий с единым управлением изображениями.

Галерея FoXBuilder выводит фотографии проектов в отдельном разделе сайта.

Как это собрать

1. Создайте экземпляр модуля и выберите его HTML-шаблон.
2. Добавьте метку [#portfolio_gallery#] в шаблон страницы и привяжите экземпляр.
3. Заполните содержимое на нужных языках.
4. Откройте демо-страницу и проверьте результат.

Код шаблона

modules/gallery/templates/foxbuilder.html

<!-- @wrapper -->
<section class="foxbuilder-gallery" data-fox-gallery>
  <div class="foxbuilder-gallery__grid" style="--gallery-gap:%gap%px">%items%</div>
</section>

Метка в шаблоне страницы

[#portfolio_gallery#]