Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen der Seite angezeigt.

--- typo3:templating:fluidtemplate [2018/06/19 19:33] – [Eigene Fluid-Settings] admin
+++ typo3:templating:fluidtemplate [2020/06/06 21:13] – Inhaltsspalte (colPos) in Fluid auf Inhalt prüfen admin
@@ Zeile 210: / Zeile 210: @@
 <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/5157290|Claus Due auf StackOverflow]]

Snippets + Wiki

Benutzer-Werkzeuge

Webseiten-Werkzeuge

Unterschiede

Seiten-Werkzeuge