TYPO3 6.2 – tt_content Image Resouce auslesen

Ich möchte Euch an diesem kleinen Beispiel für die TYPO3 6.2.xx Version einmal zeigen, wie Ihr aus einem z.B. Text/Bild Element die Überschrift, den Text und das Bild auslesen könnt. Das Bild möchte ich aber als Background-Image auslesen und benötige daher nur den Image-Source-Link.

Auf der Seite ID=19 lese ich das abgelegte Bild/Text Element in der Spalte = 1 aus.

Hier das Beispiel TYPOSCRIPT 6.2.xx :

lib.tester = COA
lib.tester {
10 = COA
10 {
  # Content Elemente
  wrap = <div class="tester-outer">|</div>
  
  10 = CONTENT
  10 {
    
    table = tt_content
    select {
      orderBy = sorting
      where = colPos = 1
      pidInList = 19
      languageField = sys_language_uid
    }
    
    renderObj >
    renderObj < tt_content
    renderObj.stdWrap >
    renderObj = COA
    renderObj {
      
      #wraps Elemente
      stdWrap.required = 1
      stdWrap.wrap = |
      
      
      #IMAGE
      10 = FILES
      10 {
        references {
          table = tt_content
          fieldName = image
        }
        
        renderObj = COA
        renderObj {
          10 = IMG_RESOURCE
          10 {
            file {
              treatIdAsReference = 1
              import.data = file:current:publicUrl
            }
            #altText.data = file:current:title
            #emptyTitleHandling = useAlt
          }
          
          stdWrap.wrap = <div class="tester-bgimage" style="background-image: url(|);">
        }
      }
      #END IMAGE
      
      # TEXT
      20 = COA
      20 {
        
        
        # bodytext
        10 = TEXT
        10 {
          field = bodytext
          wrap = <h5>|</h5>
          required = 1
        }
        
        # Header
        20 = TEXT
        20 {
          field = header
          wrap = <h4>|</h4>
          required = 1
          #typolink.parameter.field = header_link
        }
        
        # Link
        30 = TEXT
        30 {
          value = Linkname hier
          wrap = <p class="tester">|</p>
          required = 1
          typolink.parameter.field = header_link
        }
        
        wrap = <div class="row"><div class="large-12 medium-12 columns tester-inner-wrap">|</div></div>
        
      }
      
      # CLOSE Tag
      100 = TEXT
      100.value (
      </div>
      )
      
    }
  }
}
}

Ich freue mich auf weitere Beispiele oder Kommentare!

Eure Meinung zu dem Artikel ist gefragt! Schreibt mir ein Kommentar

Hat Euch der Artikel weitergeholfen oder gefallen?
Ich freue mich auf einen Blick auf meine Amazon-Wunschliste. Vielen Dank!

Hat Euch der Artikel geholfen oder gefallen?
Ich freue mich auf einen Blick auf meine Amazon-Wunschliste.
Vielen Dank!


Ich bin TYPO3 Freelancer, TYPO3-Entwickler, Web-Entwickler und Frontend-Entwickler. Ich arbeite im und für das Web seit 2004.
Mehr Infos zu der TYPO3 Internet-Agentur INGENIUMDESIGN.

Besucht auch unser TYPO3 Hilfe Forum.

Leave a Reply

Diese Website verwendet Akismet, um Spam zu reduzieren. Erfahre mehr darüber, wie deine Kommentardaten verarbeitet werden.

Next ArticleTYPO3 Channel für #slack - Webtool