TemplaVoila installieren
Um mit TemplaVoila zu arbeiten braucht man folgendes :
- Extensions: "templavoila" & die Extensions, die dafür notwendig sind (css_styled_content, static_info_tables)...
- Eine HTML - Datei, die als HTML - Template beutzt wird
- Einen Sysordner, wo Templavoila seine Daten sammeln kann. (wir nennen Ihn "Templa Voila" einfallsreich!)
Konfiguration von TemplaVoila
Wir gehen mal von einer Rootseite "tempRoot" aus. Diese soll eine normale Typo3 - Seite sein, in der wir eine Unterseite vom Typ "Sysfolder" erstellen, mit dem Namen "Templa Voila", um die Datensätze zu speichern.
Somit hat man eine Struktur, die folgendermaßen aussieht:
tempRoot (normale Typo3 -Â Seite)
|
--- Templa Voila (Sysfolder)
|
---- weitere Seiten
...Dann bei "tempRoot" auf "Seiteneigenschaften bearbeiten" klicken, wo man folgende Einstellungen vornimmt:
- Häkchen bei "Ist Anfang der Webseite" setzen
- Bei "Allgemeine Datensatzsammlung" muss nun der "Sysfolder", (Templa Voila) eingetragen sein
Ist das erledigt, klickt man auf "fileadmin" und erstellt einen Ordner "templates", in den man das HTML - Template hochlädt (Name: "haupttemplate.tmpl").
Danach klickt man auf das Symbol dieses Templates dort auf "TemplaVoila".
Nun kann man die Datenstruktur des Templates einrichten, das heißt, man definiert, wo welche Marker zu setzen sind und was sie bewirken.
Beispielweise fängt man mit "root" an und geht auf "map". Dort klickt man dann auf einen HTML - Tag, der das ganze Template umfasst (entweder ein div oder span etc). Danach werden alle Bereiche genauso definiert. Genauer möchte ich hier nicht darauf eingehen, das wird an anderer Stelle erklärt.
Dann speichern wir am Ende die Datenstruktur unter dem Namen "Mein Zweites".
Nun hat man eine Datenstruktur erstellt, die TemplateVoila im sysorder "Templa Voila" abspeichert, welche wir folgendermaßen einbinden können:
Wir kehren wieder zu unserer Typo3 - Seite zurück und erstellen in unserer Root - Seite ein Template, indem wir auf das Symbol von "tempRoot" klicken und "Template" auswählen.
Wir öffnen das neue Template und tippen im Setup mit Typoscript die notwendigen Programmierungen ein (Seitendefinitionen usw.) Das ist von der Seite abhängig, aber unabdingbar ist der Bereich, in dem TemplaVoila definiert wird. Der Code ist hier ganz unten aufgeführt.
Nun muss noch bei "Include static (from extensions):" die Extension css_content_styled eingebunden werden.
Dann wird das Template(Setup) gespeichert und Sie klicken bei der Seite "tempRoot" auf "Seiteneigenschaften bearbeiten", dort müssen wir nun bei den Punkten
- Seiten - Datenstruktur
- Unterseiten - Seiten-Datenstruktur
- Benutze Vorlagendesign
- Unterseiten - Benutze Vorlagendesign
die eben mit Tempvoila und unserem HTML-Template erstellten Datenstruktur mit dem Namen "Mein Zweites" definieren.
Hier ein kleiner Printscreen, wie das am Ende aussehen sollte:
Hier der Code, der im Haupttemplate ins Setup kommt. Hier wird TemplatVoila definiert, davor oder danach wird der restliche, seitenbezogene TypoScript - Code eingefügt.
page = PAGE page { typeNum = 0 10 = USER 10.userFunc = tx_templavoila_pi1->main_page }
