[Frage] tx_news: Erstes Bild einer News in Detail-Ansicht verbergen [Gelöst] TYPO3-Version: 6.1.1

Itsab
Padawan

0 x
37 Beiträge

0 Hilfreiche Beiträge
- Facebook
- Twitter
24. 10. 2013, 10:08

Hallo zusammen!
Ein weiteres Feature, welches ich bei der Extension tx_news im Vergleich zu tt_news vermisse, ist das verbergen des ersten Bildes in der Detail-Ansicht. Das fand ich ziemlich sinnvoll, wenn man bspw. in der Liste ein Bild im Hochformat und in der Detail-Ansicht das gleiche Bild im Querformat hat, oder beide gänzlich unterschiedlich sein sollen.
Leider bin ich bisher noch nicht darauf gestoßen, wie man das in tx_news machen könnte.
Viele Grüße
Itsab
Tags: Tx_news , Hide first image , Tx_news firstImageIsPreview

Itsab
Padawan

0 x

37	Beiträge
0	Hilfreiche Beiträge

01. 11. 2013, 09:59 - Lösung

Hallo zusammen!

Hier nun eine mögliche Lösung für das Problem:

Im News-Template für die Detail-Ansicht wird ein Partial gerendert:

Pfad: /Templates/News/Detail.html

…
<f:render partial="Detail/MediaContainer" arguments="{media: newsItem.media, settings:settings}" />
…

In dem besagten Partial wende ich nun eine For-Schleife, die ermittelt, welches Media-Element das letzte ist. Ist das der Fall, wird dieses in die If-Schleife für den Media-Typ übergeben und ausgegeben.

Pfad: /Partials/Detail/MediaImage.html

<f:if condition="{media}">
	<!-- media files -->
	<div class="news-img-wrap">
		<f:for each="{media}" as="mediaElement" iteration="mediaElementIterator" reverse="0">
			<f:if condition="{mediaElementIterator.isLast}"> 
				<f:then>
					<f:if condition="{mediaElement.type} == 0">
						<f:render partial="Detail/MediaImage" arguments="{mediaElement: mediaElement, settings:settings}" />
					</f:if>
					<f:if condition="{mediaElement.type} == 1">
						<f:render partial="Detail/MediaVideo" arguments="{mediaElement: mediaElement, settings:settings}" />
					</f:if>
					<f:if condition="{mediaElement.type} == 3">
						<f:render partial="Detail/MediaDam" arguments="{mediaElement: mediaElement, settings:settings}" />
					</f:if>
				</f:then>
			</f:if>
		</f:for>
	</div>
</f:if>

Hoffe, das hilft euch weiter.

Viele Grüße