Портфоліо

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

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

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

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

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

Нижче — реальна мітка з дизайну FoXBuilder. Система підставляє в неї виведення модуля або дані поточної сторінки; мітки налаштовуваних екземплярів задаються в адмінці.

<main>[#portfolio#]</main>

Портфоліо агенції, проєкти студії, реалізовані об’єкти й кейси.

На головній FoXBuilder показує проєкти; окрема сторінка має шаблон портфоліо.

Як це налаштувати

1. Створіть екземпляр модуля й оберіть його HTML-шаблон.
2. Додайте мітку [#home_projects#] до шаблону сторінки та прив’яжіть екземпляр.
3. Заповніть вміст потрібними мовами.
4. Відкрийте демо-сторінку й перевірте результат.

Код шаблону

modules/portfolio/templates/grid.html

<!-- @wrapper -->
<section class="foxcore-portfolio"><div class="foxcore-portfolio__grid">%items%</div></section>
<!-- @item -->
<article class="foxcore-portfolio-card">
  <a href="%url%">%image_block%</a>
  <h2><a href="%url%">%name%</a></h2>
  <p>%description%</p>
</article>

Мітка в шаблоні сторінки

[#home_projects#]