TemplaVoila Cheat-Sheet

Einzelnes Bild mit Zoom-Ansicht verlinken

Bild im FCE mit Link zu Zoom-Ansicht wrappen, damit das Bild z.B. in einer Lightbox geöffnet werden kann:

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

10.imageLinkWrap = 1
10.imageLinkWrap {
   enable = 1
   typolink {
      parameter.override.cObject = IMG_RESOURCE
      parameter.override.cObject {
         file.import.data = TSFE:lastImageInfo|origFile
         file.maxW = 900
         file.maxH = 600
      }
      ATagParams = class="fce-singlepic-zoom"
   }
}

Pfad zu mehreren Bildern im Quelltext ausgeben

Pfad zu mehreren hochgeladenen Bildern eines FCE ausgeben, z.B. um sie in einer Lightbox zu öffnen:

10 = COA
10 {
  10 = HTML
  10 {
    value.field = field_images
    value.split {
      token = ,
      cObjNum = 1
      1 {
        10 = IMG_RESOURCE
        10.stdWrap.wrap = |
        10 {
          file {
            import.current = 1
            import = uploads/tx_templavoila/
            format = jpg
            width = 950c
            height = 700c
          }
        }
      }
    }
  }
}

Link zu alternativem Bild für Zoom-Ansicht

In einem FCE können in einem Bild-Feld zwei Bilder hochgeladen werden. Das erste Bild ist die Ansicht als Verkleinerung (Thumbnail), das zweite Bild soll verlinkt werden. Falls kein zweites Bild angegeben wurde, wird das erste Bild als Zoom verwendet.

10 = IMAGE
10 {
  file {
    import = uploads/tx_templavoila/
    import.current = 1
    import.listNum = 0
    width = 185
    height = 120c
  }
  imageLinkWrap = 1
  imageLinkWrap {
    enable = 1
    typolink {
       parameter {
          cObject = IMG_RESOURCE
          cObject.file {
            import = uploads/tx_templavoila/
            import.current = 1
            import.listNum = 0
            maxW = 900
            maxH = 680
            
            import.override {
              listNum = 1
              current = 1
            }
          }
       }
       ATagParams = class="fce-singlepic-zoom"
    }
  }
}

Typoscript aus einem FCE komplett auslagern

TypoScript kann bei jedem Daten-Typ in TemplaVoilà ausgelagert werden. Man muss nicht zwangsläufig „TypoScript Objekt-Pfad“ oder „reines TypoScript“ verwenden. In diesem Beispiel wird z.B. die Verarbeitung des hochgeladenen Bildes durch ein externes TypoScript geregelt. Dazu habe ich in dem DataStructure XML das Tag „TypoScriptObjPath“ verwendet:

...

   
      
      
         
      
 
      image
 
      lib.fce_bike_images
 
      
         0
         0
         
      
      
   
   
      
      
         group
         file
         gif,png,jpg,jpeg
         5000
         uploads/tx_templavoila
         1
         2
         10
         0
      
   

...

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht.