Quantcast
Channel: TYPO3 Template & Typoscript - TYPO3 Forum
Viewing all articles
Browse latest Browse all 197

Imageslider via TS

$
0
0
Hallo zusammen,

ich versuche derzeit den Imageslider mit reinem TS nachzubauen wie er hier beschrieben ist und komme nach endlosem rumprobieren nicht mehr weiter. Wenn ich das TS 1:1 übernehme bekomme ich nicht das gewünschte Ergebnis. Ich vermute mal es liegt daran dass ich Typo3 in der Version 7.6.2 einsetze. Hat sich da nicht was unter der Haube geändert mit dem abfragen von Bildern. Vielleicht habe ich auch grundsätzlich etwas nicht oder falsch verstanden.

Zum Setup:
Typo3 7.6.2
nur fluid styled content eingebunden (kein css styled content)

Im Fluid Template wird der Code aufgerufen mit:

<div class="sliderFrame">
  <f:format.raw>{content_imageslider}</f:format.raw>
</div>

Im Typoscript steht dann folgendes (natürlich steht da noch mehr aber für die Übersicht müsste das ja reichen):

page = PAGE
  page {
    10 = FLUIDTEMPLATE
    10 {
      variables {
        <INCLUDE_TYPOSCRIPT:source="file:fileadmin/template/typoscript/flexslider.ts">
    }
  }
}

flexslider.ts:

content_imageslider  < styles.content.get
content_imageslider = COA
content_imageslider {
    1 = CONTENT
    1 {
      table = tt_content
      slide = -1
      select {
        pidInList = this
        andWhere = colPos=0
        orderBy = sorting
      }
      wrap = <ul class="slides">|</ul>
      renderObj < tt_content.image.20
      renderObj {
        1 {
          file.import.current = 1
          stdWrap.cObject = COA
          stdWrap.cObject {
            wrap = <li>|</li>
            10 = COA
            10 {
              wrap = <img|>
              10 = TEXT
              10 {            
                noTrimWrap = | alt="|"|
                field = altText
                required = 1
                parseFunc =< lib.parseFunc
                split {
                  token {
                    char = this
                  }
                  returnKey.data = register : IMAGE_NUM_CURRENT
                }
              }
              20 = TEXT
              20 {
                noTrimWrap = | src="|"|
                data = TSFE:lastImageInfo|origFile
              }
            }
            20 = TEXT
            20 {
              wrap = <p class="flex-caption">|</p>
              field = imagecaption
              required = 1
              parseFunc =< lib.parseFunc
              split {
                token {
                  char = 10
                }
                returnKey.data = register : IMAGE_NUM_CURRENT
              }
            }
          }
        }
        rendering >
        layout {
          default.value = ###IMAGES###
          1 < .default
          2 < .default
          8 < .default
          9 < .default
          10 < .default
          17 < .default
          18 < .default
          25 < .default
          26 < .default
        }
      }
    }
}


Wenn ich nun ein textmedia Element in die Spalte 0 einfüge wird das wie folgt gerendert:

<div class="sliderFrame">
  <ul class="slides">
  <div id="c399">
    <div class="ce-textpic ce-center ce-above">
      <div class="ce-gallery" data-ce-columns="1" data-ce-images="1">
        <div class="ce-outer">
          <div class="ce-inner">
            <div class="ce-row">
              <div class="ce-column">
                <div class="ce-media">
                  <img src="fileadmin/_processed_/Bild.jpg" width="600" height="400" alt="" />
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="ce-bodytext">  
      </div>
    </div>
  </div>
  </ul>
</div>

Bis zu dem wrap scheint es also noch zu funktionieren.. aber warum danach nicht?
Kann mir da jemand einen Tip geben so dass ich endlich mal verstehe wie das eigentlich gedacht ist?

Und die letzten 12 Zeilen des TS versteh ich auch nicht so ganz. Die Zahlen beziehen sich vermutlich auf Inhaltselemente. Gibts irgendwo ne Liste welche Zahl für welches Element steht?


Viewing all articles
Browse latest Browse all 197