Wie am besten angehen? (Template)

Ich habe ein Problem, vielleicht stehe ich auch komplett auf der Leitung, aber ich komme nicht auf die Lösung.

Ich habe auf der T3 installation 2 Websites laufen, die sich einen Stylesheet teilen. Sie teilen sich auch das selbe Template (mit TemplaVoila erstellt). Es soll aber auf den Seiten ein anderes Bild im Head dargestellt werden. Dieses Bild ist im Stylesheet als BG definiert.

Ich möchte nun auf den Seiten einen individuellen Stylesheet verlinken. Dieser beinhaltet nur einen Import für den allg. Stylesheet und die Definition für das Headbild.

Wie kann ich also auf den 2 Seiten mit dem selben Template einen anderen Stylesheet verlinken?

In einem Ext-Template (bzw im Template, da es schon eines gibt) per Typoscript? Mit einem Marker? Wie gehe ich da vor?

hmmm, wie sieht dein Seitenbaum aus ?

eventuell reicht da schon eine Bedingung, wie PIDinRooline

https://docs.typo3.org/m/typo3/reference-typoscript/main/en-us/Conditions/Index.html#condition-tree-rootlineids

dann könntest du mit der bedingung deine CSS datei austauschen mit.

z.b.
page.includeCSS.file = fileadmin/templates/css1.css

anderer Weg...

persönlich ist mir damals folgendes empfohlen worden.

Mit Hilfe eines InlineStyles in der Html Datei das BG Bild dynamisch zu integrieren.

############wechselndes Backgroundbild für div Header
page.10.marks.HEADER_IMAGE = COA
page.10.marks.HEADER_IMAGE {
        5 = HTML
        5.value = background:url(
        10 = IMG_RESOURCE
        10 {
                file.maxH = 210
                file.maxW = 980
                file.import=uploads/media/     
                file.import.data = levelmedia: -1, slide
                file.import.listNum = 0
                file.import.override.field = media
        }
        15 = HTML
        15.value = )  no-repeat;
 }

ins HTML template kommt dann ein Marker

<div id="header" style="###HEADER_IMAGE###"></div>

jetzt lädst du die Bilder im Backend in einen Ordner hoch, und stellst deine Hauptseiten auf den Modus "erweitert" um, dann erscheint das Feld "Dateien" unter "Seiteneigenschaften".
Dort kannst du dann dein gewähltes Bild für den jeweiligen Seitenbaum auswählen.

Durch die Option

 file.import.data = levelmedia: -1, slide

schaut nun jede Seite ob es in dem Feld im BE "Dateien" ein Bild gibt, ist keins vorhanden, "slided" es in der Hierarchie nach oben, solange bis es ein Bild findet.

Somit könntest du z.b. auhc für Jede seite ein neues headerbild integrieren.

Genau wie Karlchen das schon beschrieben hat.

Evtl. hilft auch das um z.B. Dein Haupt CSS einfach teilweise zu überschreiben oder ergänzen (bin aber nicht sonderlich TV bewandert):

Haupttemplate

page.includeCSS.file1 = fileadmin/templates/css1.css

Im Extension Template dann als Ergänzung oder zum Überschreiben

page.includeCSS.file2 = fileadmin/templates/css2.css

Gruß
Michael