Hi,
ich verwende für eine Seite jetzt das erste mal Templavoila. Es soll für jede seite eine andere Hintergrundgrafik in ein div geladen werden. Ohne TemplaVoila kann ich den Platzhalter in der CSS-Datei gegen das Bild, das unter media angegeben ist ja ohne Probleme austauschen.
Wie bewerkstellige ich das mit TemplaVoila? Oder gibt es da einen ganz anderen Lösungsweg?
Danke schonmal
Bin jetzt ner Lösung auf der Spur die allerdings nicht über das CSS greift sondern direkt über das style Attribut im div.
Vorgehensweise ist wie folgt:
Im entsprechenden <div> tag noch das Attribut style="###HGBILD###" hinzufügen, dann per TV ein neues Data Element erzeugen.
Folgende Einstellungen:
Mapping Type: Attribute
Editing Type: TypoScript Object Path
Object path: lib.hgbild
Mapping rules: div
Dann hab ich das DE auf den entsprechenden div gemappt. Dort bekommt man unter "Action" im dropdown menü dann die auswahl zwischen dem Attribut "id" und "style" - man wählt natürlich "style" da man dort dann per TS das background-image einfügt.
Mein TS sieht jetzt so aus, leider wird der Inhalt des DB felds media nicht ausgegeben, in der Seite steht nur style="background-image: url(uploads/media/)"
Auch wenn ich noch den table = pages hinzufügen wir der Dateiname nicht ausgegeben. Hat da vielleicht noch jemand ne Idee?
# Dynamisches Hintergrundbild
lib.hgbild = TEXT
lib.hgbild {
field = media
listNum = 0
wrap = background-image: url(uploads/media/ |)
}
Hier noch mein gesamter TS
# für Entwicklung nicht cachen
config.no_cache = 1
config.language = de
config.locale_all = de_DE
# Default PAGE object:
page = PAGE
page.typeNum = 0
page.10 = USER
page.10.userFunc = tx_templavoila_pi1->main_page
# Dynamisches Hintergrundbild
lib.hgbild = TEXT
lib.hgbild {
field = media
listNum = 0
wrap = background-image: url(uploads/media/ |)
}
# Menu 1 cObject
lib.menu_1 = HMENU
lib.menu_1.1 = TMENU
lib.menu_1.1 {
special = directory
# 'special.value' muss gleich der Startid
special.value = 1
noBlur = 1
#wrap = <ul class="horizontal">|</ul>
NO = 1
NO.ATagParams = class="menelement"
NO.linkWrap = |
ACT < 1.NO
ACT = 1
ACT.ATagParams = class="menelementAct"
ACT.linkWrap = |
}
lib.menu_2 < lib.menu_1
Hast du schon eine Lösung gefunden?
Gruß und Danke!