Hauptmenü generieren

Als nächstes erzeugen wir den TypoScript-Code, der das Hauptmenü generiert. Als gute Vorgehensweise hat sich das Erstellen eines Extension Templates erwiesen, das im Storage Folder gespeichert wird. Benötige TypoScript-Codefragmente können so an einer zentralen Stelle gesammelt und je nach Anwendungsfall in anderen TypoScript-Templates inkludiert werden.
Gehen sie in das Modul Web > Template und öffnen sie den Storage Folder. Klicken sie auf den Button "Click here to create an extension template".



Geben sie in der neu geöffneten Maske einen Titel ein (z.B. Main menu). Im Setup-Bereich geben sie den TypoScript-Code ein (siehe Abbildung unten).
Im Modul Menüs in Typo3 sind die TypoScript-Anweisungen zur Erzeugung eines Menüs ausführlicher beschrieben.
Speichern sie die Eingaben und verlassen sie die Maske.



Das Extension Template muss noch zum Haupttemplate der Wurzelseite hinzugefügt werden, damit es korrekt eingebunden wird.
Gehen Sie dazu erneut in das Modul Web > Template und klicken sie auf die Wurzelseite "Site". Achten sie darauf, dass sie rechts oben "Info / Modify" ausgewählt haben und klicken sie auf "Click here to edit whole template record".
 


Suche sie sich in der Template-Maske den Punkt "Include basis template". Hier können sie die unterschiedlichsten Extension Templates zuordnen. Klicken sie zu diesem Zweck auf das Folder-Symbol. Ein neues Auswahlfenster öffnet sich aus dem sie das vorher angelegte Extension Template "Main menu" auswählen können. Es befindet sich, falls sie wie beschrieben die vorigen Schritte durchgeführt haben, im SysOrdner "Storage Folder".



Nach der Auswahl von "Main menu" speichern sie bitte die getätigten Änderungen. An diesem Punkt haben sie das Extension Template zum Haupttemplate der Wurzelseite hinzugefügt, wodurch nun alle TypoScript-Anweisungen von "Main menu" eingebunden worden sind. Bei größeren Typo3-Projekten mit unzähligen TypoScript-Templates macht sich eine solche Vorgehensweise bezahlt, da so eine gute und übersichtliche Gliederung möglich ist.

Im nächsten Schritt muss in der Data Structe "Site" bzw. im dazugehörigen Template Objects "Site [Template]" der korrekte Pfad zum TypoScript-Objekt lib.main_menu gesetzt werden. Dadurch wird im Webauftritt der Seitenbaum (mit den Unterseiten Homepage, Gallery, About, Resources und Contact) verwendet um das zu Hauptmenü erzeugen.

Um das Mapping für das Hauptmenü zu definieren, klicken sie auf den Titel des Template Objects "Site [Template]" (siehe Abbildung unten).



Die Data Structure mit dem zugeordneten Template Object können sie bearbeiten, indem sie auf den Button "Modify DS / TO" klicken.



Wählen sie aus den Datenfeldern der Data Structure das Element "Main menu" zur Bearbeitung aus indem sie auf das Stift-Symbol klicken.
In der Bearbeitungsmaske geben sie im Feld "Object path" den Pfad zum HMENU-Objekt an, dass das Hauptmenü generiert:
lib.main_menu




Speichern sie anschließend die Änderungen indem sie zuerst auf den Button "Update" und dann auf den Button "Save as" klicken.
Da die Data Structure bereits angelegt ist und sie nur die Änderungen speichern wollen, klicken sie auf den Button "UPDATE TO (and DS)".