Шапка страницы

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

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

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

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

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

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