Zum Inhalt springen

TYPO3 – Fluid-Template odd / even erweitern (tx_news)

Erstellt am 22. April 2014 · 2 Antworten · letzte Antwort am 11. Mai 2014

Tags: Tipp

Sebastian Schmal ·

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

Ursprünglich erschienen am 22.04.2014 auf typo3-probleme.de.