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

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