Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen der Seite angezeigt.

--- 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 =====
-==== Typoscript ====
+==== TypoScript ====
 <code typoscript>
 lib.mainMenu = HMENU
@@ Zeile 136: / Zeile 136: @@
 ===== BackendLayouts über Page TSconfig =====
-<code>
+<code typoscript>
 mod.web_layout.BackendLayouts {
 {
@@ Zeile 168: / Zeile 168: @@
 Zu beachten ist, dass BackendLayouts aus der TSconfig das Präfix ''%%pagets__%%'' erhalten, um nicht mit manuell erstellten Layouts zu kollidieren.
-<code>
+<code typoscript>
 page.10 = FLUIDTEMPLATE
 page.10 {
@@ Zeile 174: / Zeile 174: @@
   file.stdWrap.cObject {
     key.data = pagelayout
-    # Nummerierung = ID des BackendLayouts!
+    // Nummerierung = ID des BackendLayouts!
     pagets__1 = TEXT
     pagets__1.value = EXT:templates/Resources/Private/Templates/Template-9-3.html
@@ Zeile 184: / Zeile 184: @@
 }
 </code>
+----
+===== 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]
+</code>
+**Fluid-Template:**
+<code html>
+<f:if condition="settings.mySetting">do something</f:if>
+</code>
+----
+===== Assets (Stylesheets, JavaScripts) mit Fluid einbinden =====
+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 ''includeJSFooter'' etc.
+**Fluid-Template:**
+<code html>
+<f:section name="HeaderAssets">
+    <!-- zusätzliche Inhalte im <head> -->
+</f:section>
+<f:section name="FooterAssets">
+    <!-- zusätzliche Inhalte vor </body> -->
+</f:section>
+</code>
+Quelle: [[https://docs.typo3.org/c/typo3/cms-core/master/en-us/Changelog/8.6/Feature-79413-AutorenderAssetSectionsInFluidTemplateContentObject.html|TYPO3 Changelog #79413]]
+----
+===== Einem Fluid Partial zusätzliche Argumente übergeben =====
+<code html>
+<f:alias map="{footerClassList: 'c-site-footer  c-site-footer--dark'}">
+    <f:render partial="Site/Footer" arguments="{_all}"/>
+</f:alias>
+</code>
+Quelle: [[https://stackoverflow.com/a/44584209/5157290|Claus Fassing auf StackOverflow]]
+----
+===== 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 ''<aside>'' Bereiche, die nicht auf jeder Unterseite enthalten sind.
+**Voraussetzung:** das TypoScript-Objekt [[https://docs.typo3.org/c/typo3/cms-fluid-styled-content/master/en-us/Installation/InsertingContentPageTemplate/Index.html|lib.dynamicContent]] muss vorhanden sein! Dies ist kein Teil des TYPO3-Kerns und muss selbst ergänzt werden.
+Die Vorgehensweise mit ''cObject'' und Variablenzuweisung hat zudem den Vorteil, dass nur eine Datenbankabfrage erfolgen muss.
+<code html>
+{f:cObject(typoscriptObjectPath: 'lib.dynamicContent', data: {colPos: 0}) -> f:variable(name: 'content')}
+<f:if condition="{content}">
+    <aside class="optional-stuff">
+        // Render stuff
+    </aside>
+</f:if>
+</code>
+Quelle: [[https://stackoverflow.com/a/53652375/|Claus Due auf StackOverflow]]
+----
+===== Condition für alternatives Fluid-Layout =====
+Eine ''f:if''-Condition kann problemlos innerhalb des ''name''-Arguments verwendet werden. Eine Condition um den ''f:layout''-Viewhelper herum würde aber nicht funktionieren.
+<code html>
+<f:layout name="{f:if(condition: '{data.someData} == 123', then: 'SpecialLayout', else: 'Default')}" />
+</code>
+Quelle: [[https://stackoverflow.com/a/53300737/|Rudy Gnodde auf StackOverflow]]

Snippets + Wiki

Benutzer-Werkzeuge

Webseiten-Werkzeuge

Unterschiede

Seiten-Werkzeuge