• By Felix Dziekan
  • In 
  • Gepostet am 10. July 2019

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

Neueste Posts

  • Navigation auslagern

    10 Jul. 2019 /  

    Teaser einbauen10 Jul. 2019 /  

    Um die User zum klicken auf einen Artikel zu animieren, bauen wir ein Menü welch

  • Bilder optimieren

    10 Jul. 2019 / Linux Server, Linux Software,  

    Verwendet man Tools wie z.B. Gtmetrix, meckern diese oft an, dass man seine

  • Erstes Bild als Vorschaubild

    10 Jul. 2019 / Typoscript,  

    Das erste Bild in der Spalte 0 soll als Vorschaubild dienen. Z.B. bei einem Blog

  • INCREDIBLE STANDARD POST “IMAGE”

    10 Jul. 2019 / Typoscript 

    Proin eget tortor risus. Vestibulum ac diam sit amet quam vehicula elementum sed

Tags