- Startseite
- TYPO3-Tipps
- TYPO3-Wraps
- Wahlweise Bilder mit/ohne Verweisen
Wahlweise Bilder mit/ohne Verweisen
Nur gefüllte Felder wrappen sowie verschiedene Felder verwenden
Wenn Sie Feldinhalte von verschiedenen Feldern berücksichtigen möchten,beispielsweise wenn in einem Feld nichts gefunden wird, dann den Wert aus einem anderen Feld holen, so fügen Sie die Felder einfach durch zwei Schrägstriche getrennt an:
10 = TEXT 10 { required = 1 data = page:author_email // page:description wrap = <a href="http://|" target="_blank"> } 20 = COA 20 { 1 = TEXT 1 { required = 1 data = page:author wrap = <img src="fileadmin/|" width="200" } 5 = TEXT 5 { if.isTrue.data = page:author data = page:abstract // page:subtitle // page:title noTrimWrap = | alt="|" | } 9 = TEXT 9 { if.isTrue.data = page:author value = /> } } 30 = TEXT 30 { if.isTrue.data = page:author_email // page:description value = </a> }
Wahlweise Bilder mit und ohne Verweisen
Aufgabe
Auf einigen Webseiten möchten Sie Bilder ausgeben werden, jedoch nicht auf allen TYPO3-Seiten. Einige Bilder sollen einen Verweis erhalten. Das Zuordnen der Bildnamen möchten Sie einfach durchführen, am besten innerhalb der TYPO3-Seitendaten.
Lösung
1. In TemplaVoila definieren Sie ein Element vom Typ TypoScript Object Path, nämlich (lib.Bild).
2. Die Bilddateien speichern Sie ins TYPO3-Verzeichnis fileadmin.
3. TYPO3-Seiten legen Sie mit dem Seitentyp Erweitert an.
4. In die Felder Autor und E-Mail tragen Sie den Bildname und ggf. die Webadresse ein. Diese Felder müssen Sie nicht unbedingt füllen. Eine Webadresse ohne Bild gibt es nicht. Bilder müssen nicht unbedingt einen Link bekommen.
5. Die Standardvorlage erhält folgende TypoScript-Code:
lib.Bild = COA
lib.Bild {
5 = TEXT
5 {
data = page:author_email
wrap = <a href="http://|" target="_blank">
required = 1
}
10 = TEXT
10 {
data = page:author
required = 1
wrap = <img src="fileadmin/|" width="20" height="40" alt="" />
}
15 = TEXT
15 {
if.isTrue.data = page:author_email
value = </a>
}
}
Das 5er Element gibt bei Vorhandensein das A-Tag mit dem Verweis aus, welcher im E-Mail-Feld der aktuellen TYPO3-Seite steht. Das 10er Element erzeugt das Grafik- bzw. IMG-Tag. Das offene A-Tag wird anschließend vom 15er Element geschlossen. Der ausführliche Fall inkl. gesetztem TITLE-Attribut im Link sieht folgendermaßen aus:
lib.Bild = COA
lib.Bild {
# page:author = Bildname
# page:author_email = Verweisziel
10 = TEXT
10 {
required = 1
data = page:author_email
wrap = <a href="http://|" target="_blank">
}
20 = COA
20 {
1 = TEXT
1 {
required = 1
data = page:author
wrap = <img src="fileadmin/bilder/|" width="20" height="40"
}
5 = TEXT
5 {
required = 1
data = page:author_email
noTrimWrap = | title="Zum Netzauftritt |" |
}
3 = TEXT
3 {
if.isTrue.data = page:author
data = page:author_email
noTrimWrap = | alt="|" |
}
9 = TEXT
9 {
if.isTrue.data = page:author
value = />
}
}
30 = TEXT
30 {
if.isTrue.data = page:author_email
value = </a>
}
}