Du kannst einen bildschirmfüllenden Jumbotron (Hero-Abschnitt) erstellen, der die volle Höhe des Browserfensters einnimmt.

Dazu auf der gewünschten Seite unter “Seite bearbeiten” die Option “Full height section” aktivieren (s. Screenshot).

Folgende Konstanten sind zu setzen (hier für page uid=192):

[traverse(page, "uid") == 192]
	bootstrap.config.jumbotronEnable = 1
	bootstrap.config.navbarHeight = 0
[END]

Als Hintergrund werden die Bilder der Seiteneigenschaften (pages media) genutzt, falls vorhanden.
Falls kein Bild in der Seiteneigenschft “pages media” vorhanden ist, kann folgende Konstante gestzt werden: 

bootstrap.config.jumbotronBgimage = root

Damit wird in der Rootline nach dem nächsten Bild in der Seiteneigenschaften (pages media) gesucht.

Wenn hier mehr als ein Bild vorhanden ist, wird ein Carousel-Slider mit Hintergrundbildern erstellt.

Seite bearbeiten
Seite bearbeiten -> Erscheinungsbild
BE Modul -> Jumbotron
BE Modul -> Jumbotron -> Background Image

Hier können auch mp4 Videos bildschirmfüllend eingefügt werden!

Einen “Video-Slider” gibt es nicht!
Das Video muss auf der Seite eingefügt werden, auf der es angezeigt werden soll.

Folgende Konstante muss zusätzlich gesetzt werden:

bootstrap.config.jumbotronBgimage = page

Scroll-Icon

Optionales Setup für das “Scroll-Icon”:

page.10.settings.fullHeightSection.icon = <i class="fa-solid fa-chevron-down"></i>

Ohne Eingabe, wird kein Icon angezeigt!

Template

Weitere Anpassungen können in folgendem Template vorgenommen werden:

…/Partials/Page/_mainfullheight.html