Zum Inhalt springen

Problem: Einbinden einer eigenen HTML-Vorlage ins Template

Erstellt am 13. August 2006 · 1 Antwort · letzte Antwort am 13. August 2006

Tags: Frage

bolshi ·

Hallo,
arbeite grad ein Tutorial zum einbinden einer eigenen HTML-Vorlage in ein Template durch.
Folgendes steht im TS-Setup des Templates:

/Anlegen eines temporaeren Objekts fuer eine Navigation
//wird spaeter als Kopie in die Ausgabe eingebunden
temp.navigation.main = HMENU
temp.navigation.main {
wrap = <div id="leftselectbox"> | </div>
1 = TMENU
1 {
wrap = <ul> | </ul>
NO {
wrapItemAndSub = <li> | </li>
}
}
2 < .1
3 < .1
}

# Default PAGE object:
page = PAGE
page {
100 = TEMPLATE
100 {
template = FILE
template {
file = fileadmin/templates/Vorlage_1/Vorlage_1.html
}
workOnSubpart = DOKUMENT
marks {
PAGETITLE = TEXT
PAGETITLE {
field = title
}
}
subparts {
NAVIGATION < temp.navigation.main
CONTENT < styles.content.get
}
}
}

Rufe ich die Vorlage im Browser auf, sieht alles bestens aus. Beim Aufrufen aus der t3 4.0 Vorschau heraus, wird die CSS-Datei nicht in die gerenderte HTML-Seite eingebunden.

So steht die Anweisung in der "originalen" HTML-Seite:

<link rel="stylesheet" type="text/css" href="Vorlage_1.css">

In der gerenderten Version taucht die o.g. Zeile nicht auf.

Grüße, Ingo

adventuremaker ·

Du musst das Stylesheet von Hand einbinden:

page.includeCSS.file1 = Vorlage_1.css

oder

page.stylesheet = Vorlage_1.css

Mit der ersten Methode kannst du auch mehrere CSS-Dateien einbinden, z.B. für verschiedene Ausgabemedien.

Bitte beachten, dass evtl. die Pfade angepasst werden müssen. TYPO3 fügt den HTML-Code nämlich nur ein, wenn die Stylesheet-Datei existiert.

Mehr findest du aber in der TS-Referenz: siehe https://docs.typo3.org/m/typo3/reference-typoscript/main/en-us/TopLevelObjects/Page/Index.html.