TYPO3 – Fluid-Template odd / even erweitern (tx_news)
Hier habe ich eine kleine Anleitung, wie Ihr in ein TYPO3 Fluid-Template odd / even einbauen könnt.
Mein Beispiel habe ich in die T3 Extension tx_news eingebunden. (Daher könnte es HTML Abweichungen geben!)
Als erstes erstellen wir eine neue „iteration“ //z.B.: iteration=“oddEvenIterator“ und binden diesen z.B. ins List Template ein:
Private/Templates/News/List.html
<f:then>
<f:for each=“{news}“ as=“newsItem“ iteration=“oddEvenIterator“>
<f:render partial=“List/Item“ arguments=“{newsItem: newsItem,settings:settings,oddEvenIterator:oddEvenIterator}“ />
</f:for>
</f:then>
<f:else>
<n:widget.paginate objects=“{news}“ as=“paginatedNews“ configuration=“{settings.list.paginate}“ initial=“{offset:settings.offset,limit:settings.limit}“>
<f:for each=“{paginatedNews}“ as=“newsItem“ iteration=“oddEvenIterator“>
<f:render partial=“List/Item“ arguments=“{newsItem: newsItem,settings:settings,oddEvenIterator:oddEvenIterator}“ />
</f:for>
</n:widget.paginate>
</f:else>
damit nun die Abfrage auch funktioniert, brauchen wir eine kleine IF-Abfrage im Item Template:
Private/Partials/List/Item.html
<div class=“article articletype-{newsItem.type}{f:if(condition: newsItem.istopnews, then: ‚ topnews‘)}{f:if(condition:oddEvenIterator.isEven, then: ‚ even‘)}{f:if(condition:oddEvenIterator.isOdd, then: ‚ odd‘)}„>
Eure Meinung zu dem Artikel ist gefragt! Schreibt mir ein Kommentar
Ich freue mich auf einen Blick auf meine Amazon-Wunschliste. Vielen Dank!
Sebastian
Vielen Dank! 😉
Dokuvorleseservice
Die Doku lesen hilft auch.
http://docs.typo3.org/typo3cms/extensions/news/stable/singlehtml/#cycle-through-3-css-classes
Cheers