Портфолио

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

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

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

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

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

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