Hier werden die Unterschiede zwischen zwei Versionen der Seite angezeigt.
Beide Seiten, vorherige ÜberarbeitungVorherige ÜberarbeitungNächste Überarbeitung | Vorherige Überarbeitung | ||
typo3:templating:fluidtemplate [2016/05/14 11:28] – Anpassungen von Dateipfaden admin | typo3:templating:fluidtemplate [2021/03/02 19:54] (aktuell) – Condition für alternatives Fluid-Layout admin | ||
---|---|---|---|
Zeile 10: | Zeile 10: | ||
===== Beispiel für ein simples Fluidtemplate ===== | ===== Beispiel für ein simples Fluidtemplate ===== | ||
- | ==== Typoscript | + | ==== TypoScript |
<code typoscript> | <code typoscript> | ||
lib.mainMenu = HMENU | lib.mainMenu = HMENU | ||
Zeile 136: | Zeile 136: | ||
===== BackendLayouts über Page TSconfig ===== | ===== BackendLayouts über Page TSconfig ===== | ||
- | < | + | < |
mod.web_layout.BackendLayouts { | mod.web_layout.BackendLayouts { | ||
1 { | 1 { | ||
Zeile 168: | Zeile 168: | ||
Zu beachten ist, dass BackendLayouts aus der TSconfig das Präfix '' | Zu beachten ist, dass BackendLayouts aus der TSconfig das Präfix '' | ||
- | < | + | < |
page.10 = FLUIDTEMPLATE | page.10 = FLUIDTEMPLATE | ||
page.10 { | page.10 { | ||
Zeile 174: | Zeile 174: | ||
file.stdWrap.cObject { | file.stdWrap.cObject { | ||
key.data = pagelayout | key.data = pagelayout | ||
- | | + | |
pagets__1 = TEXT | pagets__1 = TEXT | ||
pagets__1.value = EXT: | pagets__1.value = EXT: | ||
Zeile 184: | Zeile 184: | ||
} | } | ||
</ | </ | ||
+ | |||
+ | ---- | ||
+ | |||
+ | ===== Eigene Fluid-Settings ===== | ||
+ | |||
+ | **TypoScript: | ||
+ | <code typoscript> | ||
+ | page.10 = FLUIDTEMPLATE | ||
+ | page.10 { | ||
+ | settings { | ||
+ | mySetting = 0 | ||
+ | } | ||
+ | |||
+ | # etc. | ||
+ | } | ||
+ | |||
+ | |||
+ | [globalVar = TSFE:id=17] | ||
+ | page.10.settings.mySetting = 1 | ||
+ | [global] | ||
+ | </ | ||
+ | |||
+ | **Fluid-Template: | ||
+ | <code html> | ||
+ | <f:if condition=" | ||
+ | </ | ||
+ | |||
+ | ---- | ||
+ | |||
+ | ===== Assets (Stylesheets, | ||
+ | |||
+ | Ab TYPO3 8.6 kann man Fluid verwenden, um benötigte Assets z.B. über eine Extension in der Seite zu ergänzen. Es sind praktische Alternativen zum TypoScript-Setup '' | ||
+ | |||
+ | **Fluid-Template: | ||
+ | <code html> | ||
+ | < | ||
+ | <!-- zusätzliche Inhalte im < | ||
+ | </ | ||
+ | |||
+ | < | ||
+ | <!-- zusätzliche Inhalte vor </ | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | Quelle: [[https:// | ||
+ | |||
+ | ---- | ||
+ | |||
+ | ===== Einem Fluid Partial zusätzliche Argumente übergeben ===== | ||
+ | |||
+ | <code html> | ||
+ | <f:alias map=" | ||
+ | < | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | Quelle: [[https:// | ||
+ | |||
+ | ---- | ||
+ | |||
+ | ===== Inhaltsspalte (colPos) in Fluid auf Inhalt prüfen ===== | ||
+ | |||
+ | Das folgende Snippet rendert einen Teil des Fluid-Templates nur, wenn die angegebene Inhaltsspalte auch Inhalt besitzt (der nicht deaktiviert ist). Praktisch z.B. für ''< | ||
+ | |||
+ | **Voraussetzung: | ||
+ | |||
+ | Die Vorgehensweise mit '' | ||
+ | |||
+ | <code html> | ||
+ | {f: | ||
+ | <f:if condition=" | ||
+ | <aside class=" | ||
+ | // Render stuff | ||
+ | </ | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | Quelle: [[https:// | ||
+ | |||
+ | ---- | ||
+ | |||
+ | ===== Condition für alternatives Fluid-Layout ===== | ||
+ | |||
+ | Eine '' | ||
+ | |||
+ | <code html> | ||
+ | < | ||
+ | </ | ||
+ | |||
+ | Quelle: [[https:// | ||
+ |