Шапка сторінки

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

Можна вибрати зображення, затемнення та спосіб розміщення. Для вкладених сторінок передбачено успадкування налаштувань батьківської.

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

Створіть єдиний стиль розділу й змінюйте обкладинку окремих сторінок за потреби.

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

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

<section class="page-hero">[#page_header_media#]</section>

Єдине оформлення заголовків з окремим фоном для кожної сторінки.

Внутрішня сторінка FoXBuilder отримує фонове зображення шапки з налаштувань сторінки.

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

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

Код шаблону

modules/page_header/templates/default.html

<div class="page-header-media" style="--page-header-position:%position%;--page-header-overlay:%overlay%;">
  %background_media%
  <span class="page-header-media__overlay" aria-hidden="true"></span>
</div>

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

[#page_header_media#]