Ein neues header_layout wird im Seiten-TSconfig angelegt.
Seiten-TSconfig
TCEFORM.tt_content.header_layout.altLabels {
1 = Hauptüberschrift (H1) mit Icon
}TYPOSCRIPT - Setup
Es wird eine Variable lib.background angelegt in der das aktuelle Bild aus Ressourcen -> Media der Seite gespeichert wird.
lib.background = IMG_RESOURCE
lib.background {
stdWrap.wrap = |
file {
import.data = levelmedia:-1, slide
import.listNum = 0
treatIdAsReference = 1
}
}Anschließend speichern wir die Variable in einem Register.
page.9 = LOAD_REGISTER page.9.background.cObject < lib.background
Das Bild ist nun in {register:background} verfügbar. Nun weisen wir es einem zuvor angelegten Überschrifttyp zu.
lib.stdheader >
lib.stdheader = CASE
lib.stdheader {
key.field = header_layout
default = TEXT
default.field = header
default.wrap =
default.required = 0
1 = TEXT
1 {
field = header
wrap = <header class="headline h1 icon"><div class="icon-bg" style="background-image: url({register:background})"></div><h1>|</h1></header>
insertData = 1
}
}