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 weitergeholfen oder gefallen? Ich freue mich auf einen Blick auf meine Amazon-Wunschliste. Vielen Dank!Ich bin freiberuflicher TYPO3-Entwickler, Web-Entwickler und Frontend-Entwickler. Ich arbeite im und für das Web etwas mehr als 12 Jahre. Mehr Infos zu der TYPO3 Internetagentur - INGENIUMDESIGN.

Leave a Reply

Next ArticleTYPO3 Channel für #slack - Webtool