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>
    }  
}