Voraussetzungen

• im Extensionverzeichnis EXT:Configuration / TypoScript / gibt es die beiden Dateien
   
  • setup.ts
     
  • constants.ts
     
• im Extensionverzeichnis EXT:Configuration / TypoScript / Modules / gibt es die Datei
   
  • 3000_page.ts
     
• im Template-Modul im root-Template der Website im vollständigen Template-Datensatz
   
  • ist das statische TypoScript-Template der Design-Extension eingebunden und als letztes in der Liste
     

Die Seite ist  prinzipiell lauffähig, jetzt folgt die Konfiguration

1. EXT:Configuration / TypoScript / Modules / 3000_page.ts editieren
   _{nach Abschluss dieses Schrittes sollte beim Seitenaufruf der unformatierte Text des FLUIDTEMPLATE-Templatebereichs angezeigt werden}
    
   • bei Bedarf umfangreichere Fehlermeldungen ausgeben lassen
     config.contentObjectExceptionHandler = 0
      
   • page-Objekt anlegen
     page = PAGE
      
   • FLUIDTEMPLATE-Unterobjekt anlegen
     page.10 = FLUIDTEMPLATE
      
   • innerhalb des FLUIDTEMPLATEs weitere Angaben machen
     page.10 {
      
     • Wo liegen meine Layouts?
       layoutRootPath = EXT:designExtensionName [ mk17_design_technikmanager_de ]  / Resources / Private / Layouts /
        
     • Wo liegen meine Partials?
       partialRootPath = EXT:designExtensionName [ mk17_design_technikmanager_de ]  / Resources / Private / Partials /
        
     • Welche Datei soll als Template benutzt werden?
       file = EXT:designExtensionName [ mk17_design_technikmanager_de ]  / Resources / Private / Templates / fluidTemplateName [ Standardtemplate.html ]
       _{Eingabe der Pfade ohne Leerzeichen}
   • }
      
2. EXT:Resources / Private / Templates / Standardtemplate.html editieren
   _{nach Abschluss der beiden folgenden Schritte sollte beim Seitenaufruf der unformatierte Text des FLUIDTEMPLATE-Templatebereichs, als auch der Inhalt des FLUIDTEMPLATE-Layoutbereichs angezeigt werden}
    
   • in der ersten Zeile eine FLUID-Anweisung - einen FLUIDviewHelper - hinzufügen
     <f:layout name="Standardlayout" />
     ( veranlasst: verwende das im layoutRootPath liegenden Layout Standardlayout[.html] )
      
   • Im Layout muss gesagt werden, welcher Bereich aus dem Template gerendert werden soll
     dafür im Template Bereiche anlegen, die abhängig von Bedingungen geladen werden - Sektionen, Sections
      
     • <f:section name="Multicolumn">
        um den gesamten Teil unterhalb des clearfix-DIVs
       </f:section>
        
3. EXT:Resources / Private / Layouts / Standardlayout.html editieren
    
   • Einbinden der ViewHelper-render an den Stellen, wo die Inhalte eingebunden werden
      
     • <f:render partial="SuperfishMenu" />
        
     • <f:render partial="Header" />
        
     • <f:render section="Multicolumn" />
        
     • <f:render partial="Footer" />

TypoScript Reference

TypoScript Reference - FLUIDTEMPLATE

Fluid Guide

Fluid Guide - ViewHelper

Tipp: zum Anzeigen der Auswirkungen der Änderungén ist es oftmals erforderlich, den FrontEnd-Cache im TYPO3-BackEnd zu löschen, damit die Seite beim erneuten Aufruf neu zusammengestellt wird; alternativ die Strg-Taste halten + F5 drücken.