Nerdstuff / Typo3

• By Felix Dziekan
• In 
• Gepostet am 24. September 2021

Teaser einbauen

Um die User zum klicken auf einen Artikel zu animieren, bauen wir ein Menü welches einen kleinen Teaser ausspuckt. 
10.table gibt die Tabelle an aus der wir die Daten holen wollen, danach kommt die Selectanweisung.

Der Rest ist recht einfach zu verstehen, denke ich.

das renderObject ist ein COA Element, welches den Teaser aus Bild, Überschrift, Link usw. zusammenbaut.

Welches Feld wir nehmen wollen bestimmen wir  z.B. mit  20.field = header. Damit wir der Header eines Content Elementes verwendet. Damit nicht jeder Header auf der Seite verwendet wird, habe ich im select max = 1 angegeben. 

      10 = CONTENT
      10{
        table = tt_content
        select{
          pidInList.data = field:uid
          where = colPos=0
          max = 1
        }
        renderObj = COA
        renderObj{
          10 = FILES
          10 {
            references {
              table = tt_content
              uid.data = field:uid
              fieldName = image
            }
            renderObj = TEXT
            renderObj {
              data = file:current:publicUrl
              wrap = <img src="|">
            }
          }
          
          20 = COA
          20{
            wrap = <div>|</div>
            20 = TEXT
            20{
              field = header
              wrap = <h2>|</h2>
              stdWrap.typolink{
                parameter.dataWrap = {field:pid}
              }
            }  
            
            30 = TEXT
            30.field = tstamp
            30.wrap = <i> | </i>
            30.strftime = %B %d, %Y
          
            40 = TEXT
            40.field = bodytext
            40.wrap = <p>|</p>
            40.crop = 300
                       
            50 = TEXT
            50{
               value = Mehr  <img src='fileadmin/felixTravelBlogTemplate/images/weiterlesen.jpg'>
               stdWrap.typolink {
               parameter.dataWrap = {field:pid}
               ATagParams = class="weiterlesenGalerie"             
             }              
            
            }
          }