Tipps und Tricks zu TemplaVoila

[Nele]

Hallo Kollegen,

wie der Threadtitel schon sagt, kann hier Wissenswertes zu TemplaVoila gepostet werden.

[steffenk]

Gute Idee, bin auch an Tipps interessiert - also sammeln wir hier mal einiges Wissenswerte zu TemplaVoila

Version: 1.1.1: http://typo3.org/extensions/reposito...lavoila/1.1.1/
Manual: http://typo3.org/documentation/docum...la/1.1.1/view/

Wichtigstes Tutorial: http://typo3.org/documentation/docum..._ftb1/current/

Erfahrungsberichte ? Probleme ? Na dann mal ran an den Speck

[Nele]

Wenn man ein neues FCE (Flexible Content Element) erstellt hat, in dem auch ein Bild vorkommt, möchte man evtl. auch, dass der BE-Nutzer ein alt- und title-Feld ausfüllen kann. Hierfür muß man nachträglich die DS (Datenstruktur) des FCE's ändern.

Hierfür geht man auf Web -> Liste -> »Name des TemplaVoila Systemordners« und klickt dann auf das Symbol der DS des FCE's. Dort wählt man »Bearbeiten«.
Nun kann man in der DS nach dem Code für das Bild suchen.
So sollte der Abschnitt ungefähr aussehen:

10 = IMAGE
10.file.import = uploads/tx_templavoila/
10.file.import.current = 1
10.file.import.listNum = 0

Den Abschnitt erweitert man nun um folgende Zeile:

10.altText.field = field_alttext

Anschließend muß dem gesamten DS noch der Code für das Inputfeld hinzugefügt werden:

<field_alttext type="array">
	<tx_templavoila type="array">
		<title>Alt-Text</title>
		<sample_data type="array">
			<numIndex index="0"></numIndex>
		</sample_data>
		<eType>input</eType>
		<proc type="array">
			<HSC type="integer">1</HSC>
		</proc>
	</tx_templavoila>
	<TCEforms type="array">
		<config type="array">
			<type>input</type>
			<size>48</size>
			<eval>trim</eval>
		</config>
		<label>Alt-Text</label>
	</TCEforms>
</field_alttext>

Danach natürlich speichern. Wenn ihr jetzt dieses FCE als Inhaltselement auswählt, sollte euch ein Inputfeld für den Alt-Text angezeigt werden. Das gleiche könnt ihr natürlich auch für das Title-Attribut umsetzen.
Hoffe mal, dass das jetzt einigermaßen verständlich war.

[Nele]

Dieses Mal geht's darum den gleichen Inhalt auf mehreren Seiten darzustellen:

Als erstes müßt ihr im Haupttemplate einen Breich mappen, wo der Inhalt erscheinen soll und ihn als TypoScript Object Path definieren. Ihr müßt ihm unbedingt einen Namen vergeben (z.B. lib.News)

Jetzt im Seitenbaum eine neue Seite anlegen (z.B. News) und in den Seiteneigenschaften als »Nicht im Menü« definieren (oder als Sysfolder, aber ersteres finde ich besser), dann die Inhalte einfügen

Danach kann man per Typoscript im Template-Setup angeben, dass der Inhalt dieser Seite z.B. im vorher gemappten Bereich lib.News angezeigt werden soll:

Wenn alle Inhaltselemente der Seite angezeigt werden sollen:
lib.news = CONTENT
lib.news {
table = tt_content
select.pidInList = 28}
(28 ist die page-id der Seite News)

Wenn nur ein Inhaltselement angezeigt werden soll:
lib.Footer = RECORDS
lib.Footer {
tables = tt_content
source = tt_content_48}
(48 ist hier die id des Inhaltselementes)

Hoffe, dass es dem ein oder anderen hilft.

[Elli]

Muss ein bestehendes Template erweitert werden, z.B. durch eine weitere
Navigation (zurück, Seite weiterempfehlen, nach oben...), müssen folgende
Schritte ausgeführt werden:

1. Fehlenden HTML-Code in das Template einbauen. Entweder direkt über die
Dateiliste > bearbeiten oder die Vorlage lokal bearbeiten und anschließend
hochladen.

2. Man wählt den Punkt TEMPLAVOILA und klickt auf den Datenordner, dort
wo alle DSs und TOs gespeichert sind. Hier klickt man auf Update, damit die
Änderung auch übernommen wird.

3. Nun wählt man wieder in der Übersicht das entsprechende TO und klickt
im Kontextmenü auf TemplaVoila.
WICHTIG: hat man in der XML-Datei manuelle Änderungen durchgeführt, z.B.
TypoScript Pfade eingetragen oder den Alt- Title-Tag für Bilder hinzugefügt,
dann muss man sich diese Datei zuerst kopieren, damit man die Änderungen
wieder schnell online hat. Denn ansonsten kann es gut sein, dass kurzfristig
die Navigation nicht vorhanden ist...
Hat man nun das entsprechende TO gewählt, klickt man oben auf MODIFY to
DS/TO.

4. Neues Feld für den neuen Inhalt erstellen. Hier einfach die gewünschten
Angaben auswählen und anschließend den Bereich mappen. Zum Schluss
speichert man alles ab und das neue Element kann angesprochen werden.
Am besten leert man auch zudem den FE-Cache, damit diese auch sichtbar
wird.

[Gernott]

Also das mit dem CONTENT funktioniert leider nicht mehr so ganz in Templavoila. Leider werden die im Templavoila gelöschen Elemente auch angezeigt. Denn diese sind nicht gelöscht, sondern erscheinen im Reiter "Nicht verwendete Elemente". Erst wenn man diese dort nochmals löscht werden sie auch bei der anderen Seite nicht mehr angezeigt. Leider habe ich keine Lösung für das Problem. Ich freue mich aber über Feedback ;-)

[steffenk]

bei den gelöschten Objekten - schau mal ob Du im Adminpanel nicht die Option an hast "gelöschte Objekte anzeigen"

[Gernott]

Danke für Deine Hilfe steffenk!

Ich habe das Adminpanel noch nie aktiviert. Somit sollten alle Einstellungen auf "standard" sein. Ich habs jetzt aber dennoch geprüft, und alle Häckchen sind aus. "gelöschte Objekte anzeigen" habe ich aber bei mir nicht gefunden. Nur "versteckte..."
Außerdem werden diese Inhalte immer angezeigt, auch wenn ich ausgeloggt bin. Das Adminpanel dient ja nur für Einstellungen wenn ich eingeloggt bin, meines Wissens...

[Wolfgang G]

Muss ein bestehendes Template erweitert werden, […]
WICHTIG: hat man in der XML-Datei manuelle Änderungen durchgeführt, z.B.
TypoScript Pfade eingetragen oder den Alt- Title-Tag für Bilder hinzugefügt,
dann muss man sich diese Datei zuerst kopieren, damit man die Änderungen
wieder schnell online hat. Denn ansonsten kann es gut sein, dass kurzfristig
die Navigation nicht vorhanden ist...
Hat man nun das entsprechende TO gewählt, klickt man oben auf MODIFY to
DS/TO.

Gibt es eigentlich mittlerweile eine Methode, ein Template zu erweitern, ohne die manuellen Änderungen im XML - zumindest temporär - zu verlieren?

[Elli]

Kann ich leider nicht sagen. Vor Kurzem kam aber ein Update raus > 1.3.4
Vielleicht gehts damit...

[Mavi]

Änderungen können auch im Feld "Local Processing" vorgenommen werden.

Der Vorteil ist, dass hier nur die Teile der XML-Struktur stehen, die manuell geändert wurden und nur dieser Teil gesichert werden müssen. Bei Änderung der DS (und Neuaufbau der XML-Struktur) stellt man seine Anpassungen an dieser Stelle wieder her, ohne mühsam die gesamte XML-Struktur durchgehen zu müssen.

Ich hatte als Einsteiger die gesamte verfügbare Print-Literatur nach TV-Anleitungen durchsucht, hier noch mein Literatur-Tipp für Einsteiger (neben den bekannten Onlinequellen):

Feth, Joscha: Das TYPO3-Anwenderhandbuch

In dem Buch findet man m.E. die ausführlichste Einführung in TV und FCE, sehr konzentriert und strukturiert mit nachvollziehbarem Beispiel auf fast 70 Buch-Seiten!

Wie wäre es eigentlich, diesen Thread mit oben anzupinnen, so wie der allgemeine zu "[Typo3] Tipps und Tricks"?

[steffenk]

ja, ich pinne es mal an, es lohnt sich!

[Gernott]

hat schon wer erfahrungen mit den "nicht verwendete elemente"?
ich hab bis heute noch keine lösung um diese nicht anzuzeigen :-(

[Mavi]

Willst Du die Schaltfläche "Nicht verwendete Elemente" für Redakteure ausblenden? - So weit bin ich leider auch noch nicht.

[inservo]

Hi zusammen,

ich habe demletzt auch einen tollen Tip in einem Buch gelesen, der mir massiv geholfen hat. Und zwar geht es darum, die Position der Content Elemente bei Verwendung von TV nicht alle nebeneinander anzeigen zu lassen, wie es bei TV standardmäßig der Fall ist, sondern analog zu Ihren Positionen im Frontend. D. h. also den Footer ganz unten, den Center- oder Main-Content in der Mitte etc.

Ich habe mal versucht, dies mit einem Bild zu verdeutlichen (siehe Anhang Backend-Schema.gif in diesem Beitrag).

Dies kann man ganz einfach erreichen in dem man die folgenden Schritte befolgt:

1. Erstellen der Tabellenstrukur
Erstellen einer Tabellen (in Weaverslave, Dreamweaber oder welchen Editor Ihr bevorzugt), die die gezeigte Struktur darstellt. In diesem Beispiel also

<table width="99%"> 
   <tr>    
      <td valign="top" width="33%">&nbsp;</td>    
      <td valign="top" width="33%">&nbsp;</td>    
      <td valign="top" width="33%">###field_righttop###</td>
   </tr> 
   <tr>
      <td valign="top" width="33%">###field_leftcontent###</td>    
      <td valign="top" width="33%">###field_maincontent###</td>    
      <td valign="top" width="33%">###field_rightcontent###</td> 
   </tr> 
   <tr>    
      <td colspan="3" width="99%">###field_footer###</td> 
   </tr> 
</table>

Wichtig ist in diesem Schritt die Gesamtbreite bei 99% zu belassen, da es sonst wohl zu Problemen bei der Darstellung führen kann.

2. Kapseln in einer XML-Anweisung
Nun müssen wir den ganzen Code in einem XML-Format einpacken, und zwar so

<beLayout>
   <![CDATA[
      <table width="99%">
      ... [CODE - siehe oben] ...
      </table>
   ]]>
</beLayout>

3. Einfügen in TemplaVoilà
Als letzten Schritt muss diese Kapsel bzw. dieser oben vorbereitete Block in die XML-Datenstruktur eingefügt werden. Dazu wird im Backend im Menü Web > TemplaVoilà auf die Root-Seite (oder die Seite, welche die Datenstruktur enthält) geklickt und dann auf die DS / TO (Bleistift-Icon), die im Backend dargestellt werden soll. Nun kopieren wir einfach den vorbereiteten Code ganz oben vor das schließende Meta-Tag, also

<?xml version="1.0" encoding="iso-8859-1" standalone="yes" ?>
<T3DataStructure>

   <meta type="array">
      <langDisable>1</langDisable>

      ... [CODE - HIERHIN] ...

   </meta>

Wichtig ist hier noch, dass der Code wirklich zwischen den zwei Meta-Tags eingefügt wird, also VOR dem abschließenden Meta-Tag.

Sodele... ich hoffe, das hilft, Feedback würde mich freuen, da ich das echt als sehr angenehme und tolle Lösung empfunden habe.

Grüße

i.