Галерея

Що робить модуль

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

Де стане у пригоді

Підходить для проєктів, подій, продукції та прикладів робіт. Перегляд великого зображення визначає дизайн галереї.

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

Нижче — реальна мітка з дизайну 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#]