AKTIVIEREN
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).
BEST PRACTICE
Folgende Konstanten sind zu setzen:
bootstrap.config.jumbotronEnable = 1
bootstrap.config.navbarHeight = 0
Optionales Setting für das “Scroll-Icon”:
page.10.settings.fullHeightSection.icon = <i class="fa-solid fa-chevron-down"></i>
Das default Icon benötigt FontAwesome.
Ohne Eingabe, wird kein Icon angezeigt!
Optionales CSS für das “Scroll-Icon” - hier Abstand zum unteren Rand:
#full-height-section #full-height-icon { bottom: 30px; }
BACKGROUND
Als Hintergrund werden die Bilder der Seiteneigenschaften (pages media) genutzt, falls vorhanden.
Wenn hier mehr als ein Bild vorhanden ist, wird ein Carousel-Slider erstellt.
TEMPLATE
Weitere Anpassungen können in folgendem Template vorgenommen werden:
…/Partials/Page/_mainfullheight.html