TYPO3 Listenansicht der news-Extension mit even/odd-Klassen erweitern

Erstellt von Ephraim Härer | |   Tipps
Coding HTML TYPO3 Tipps CSS

Wie ergänzt man gerade/ungerade Klassen bei der TYPO3-Extension "news"?

Für die auf meiner Seite verwendete news-Extension "news" habe ich das Fluid-Template der Detailansicht mit even/odd-Klassen ergänzt.

Das Template /typo3conf/ext/news/Resources/Private/Templates/News/List.html mit einem Iterator für die Schleife ergänzen:

{namespace n=Tx_News_ViewHelpers}
<f:layout name="General" />

<f:section name="content">
<f:if condition="{news}">
    <f:then>
        <div class="news news-list-view">
            <f:if condition="{settings.hidePagination}">
                <f:then>
                    <f:for each="{news}" as="newsItem" iteration="myIterator">
                        <f:render partial="List/Item" arguments="{newsItem: newsItem,myIterator:myIterator, settings:settings, className:className, view:'list'}"/>
                    </f:for>
                </f:then>
                <f:else>
                    <n:widget.paginate objects="{news}" as="paginatedNews" configuration="{settings.list.paginate}">
                        <f:for each="{paginatedNews}" as="newsItem" iteration="myIterator">
                            <f:render partial="List/Item" arguments="{newsItem: newsItem,myIterator:myIterator, settings:settings, className:className, view:'list'}"/>
                        </f:for>
                    </n:widget.paginate>
                </f:else>
            </f:if>
        </div>
    </f:then>
    <f:else>
        <div class="no-news-found"><f:translate key="list_nonewsfound" /></div>
    </f:else>
</f:if>
</f:section>

Das Template /typo3conf/ext/news/Resources/Private/Partials/Item.html mit einer even/odd Abfrage ergänzen:

<div class="article articletype-{newsItem.type}{f:if(condition: newsItem.istopnews, then: ' topnews')}{f:if(condition:myIterator.isEven, then: ' right')}{f:if(condition:myIterator.isOdd, then: ' left')}">

Dieser Artikel bezieht sich auf Version 1.3.2 der Erweiterung "news" im TER.

Zurück

Teile diesen Artikel