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

Hat Euch der Artikel weitergeholfen oder gefallen?
Ich freue mich auf einen Blick auf meine Amazon-Wunschliste. Vielen Dank!

Hat Euch der Artikel geholfen oder gefallen?
Ich freue mich auf einen Blick auf meine Amazon-Wunschliste.
Vielen Dank!


Ich bin TYPO3 Freelancer, TYPO3-Entwickler, Web-Entwickler und Frontend-Entwickler. Ich arbeite im und für das Web seit 2004.
Mehr Infos zu der TYPO3 Internet-Agentur INGENIUMDESIGN.

Besucht auch unser TYPO3 Hilfe Forum.

Leave a Reply

Diese Website verwendet Akismet, um Spam zu reduzieren. Erfahre mehr darüber, wie deine Kommentardaten verarbeitet werden.

2 Kommentare

Next ArticleTYPO3 6.2.x - IMAGE auslesen