---
title: "TYPO3 tx_news Image crop"
url: "https://www.typo3.net/d/900593-typo3-tx_news-image-crop"
source: "typo3.net"
tags: ["Artikel","Tipp"]
created: "2014-07-08"
last_reply: "2015-09-29"
replies: 8
solved: false
page: 1
pages: 1
lang: "de"
---

# TYPO3 tx_news Image crop

Artikel · 8 Antworten · gestartet 2014-07-08

## Eröffnungsbeitrag

**Sebastian Schmal** · 2014-07-08 · [Beitrag #1](https://www.typo3.net/d/900593-typo3-tx_news-image-crop/1)

Da ich immer wieder in Foren oder auch in der TYPO3 Liste die Frage lese, wie man in der TYPO3 Extension tx_news die Bilder crop, hier eine Anleitung dazu.

Im Template steht z.B. in der „Resources/Private/Partials/List/List.html“ die Werte:

```typoscript
maxWidth="{settings.list.media.image.maxWidth}"
maxHeight="{settings.list.media.image.maxHeight}"
```

diese müsst Ihr bearbeiten in: (maxWidth und maxHeight löschen)

```typoscript
width="{settings.list.media.image.maxWidth}"
height="{settings.list.media.image.maxHeight}"
```

nun könnt Ihr im typoscript die Bilder crop:

```typoscript
list {
      # media configuration
      media{
        image{
          maxWidth=270c
          maxHeight=290c

          maxWidthDouble=570c
          maxHeightDouble=290c

          maxWidthBig=870c
          maxHeightBig=390c
        }
}
}
```

Wie Ihr seht, kann man sich auch neue Werte erstellen, hier dann einfach nur die Template-Werte anpassen:

> width=“{settings.list.media.image.maxWidthBig}“

Schreibt mir gerne Eure WÜnsche oder Lösungen zu der Erweiterung tx_news

*Ursprünglich erschienen am 08.07.2014 auf typo3-probleme.de.*

## Antworten

### [#2](https://www.typo3.net/d/900593-typo3-tx_news-image-crop/2) · Unbekannter Benutzer · 2014-07-08

*Ein Leser schrieb:*

Hallo,

Danke für den Tipp. Danach hatte ich schon länger ausgeschaut. 🙂

Und dann hätte ich auch noch eine Frage: Ich würde gerne im list view von tx_news ein anderes Bild zeigen als im Detail view., z.B. nur den Ausschnitt eines Bildes, das dann im detail view komplett gezeigt wird. In tt_news war das einfach, bei tx_news bin ich noch am Rätseln. Hast Du vielleicht einen Tipp?

Gruß und Dank
Robert

### [#3](https://www.typo3.net/d/900593-typo3-tx_news-image-crop/3) · Sebastian Schmal · 2014-07-09

gerne 😉

möchtest Du ein komplett anderes Bild in der Liste zeigen, oder nur mit anderen Maßen ?

### [#4](https://www.typo3.net/d/900593-typo3-tx_news-image-crop/4) · Unbekannter Benutzer · 2014-07-09

*Ein Leser schrieb:*

Danke für Deine schnelle Reaktion. Perfekt wäre es, wenn in beiden Ansichten dassselbe Bild gezeigt würde und man im Backend das Bild im liestview jeweils individuell croppen könnte. Dafür bräuchte man aber wohl eine Zusatzextension wie tkcropthumbs, die ich im Einsatz habe, aber leider nicht in das News Backend einfügt.

Viele Grüße
Robert

### [#5](https://www.typo3.net/d/900593-typo3-tx_news-image-crop/5) · Sebastian Schmal · 2014-07-09

Hallo, das geht so leider nicht. Du kannst aber wie oben beschrieben, nur für die List-Ansicht das Bild anders croppen als in der Single-Ansicht.

Was vielleicht noch geht (was ich noch nicht geprüft habe), ist, dass man in der Single-Ansicht, das erste Bild nicht anzeigt.
D.h. Du lädst zwei mal das Bild hoch und zeigst das erste individuelle geschnittene Bild nicht in der Single-Ansicht.
Ging auf jeden Fall mit tt_news via „anhaken“ im PlugIn. Hier sollte es aber via fluid-Programmierung funktionieren.

Ich schau mal wann ich Zeit habe um so eine Anleitung zu erstellen! Oder jemand postet hier die Lösung 😉

### [#6](https://www.typo3.net/d/900593-typo3-tx_news-image-crop/6) · Sebastian Schmal · 2014-07-09

hier auf die schnelle eine Lösung, werde aber noch mal selbst nach einer Lösung suchen und diese extra beschreiben:
die Lösung soll wohl „newsItem.nonMediaPreviews“ sein!

oder hier ein extra Templatebearbeitung (achtung am anfang fehlt im code ein „< " ):

/Templates/News/Detail.html

> `f:render partial="Detail/MediaContainer" arguments="{media: newsItem.media, settings:settings}">`
>
> /Partials/Detail/MediaImage.html
>
> ```plaintext
> 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>
> ```

### [#7](https://www.typo3.net/d/900593-typo3-tx_news-image-crop/7) · Unbekannter Benutzer · 2014-07-09

*Ein Leser schrieb:*

Vielen Danke für den fluid template Vorschlag. Ich bin im Moment beruflich unterwegs und kann leider erst am Freitag Deinen Vorschlag testen.

Bis dahin viele Grüße
Robert

### [#8](https://www.typo3.net/d/900593-typo3-tx_news-image-crop/8) · Sebastian Schmal · 2015-09-29

Also bei mir geht das mit dem Crop gar nicht. Es wird mir die volle Bildgrösse ausgeworfen. Wenn ich ein c setze also zb ….. = 200c
Wenn ich ohne das c schreibe dann geht es aber das Bild wird eben nicht gecroppt. Ist das evtl. imagemagic oder graphicsmagic?

### [#9](https://www.typo3.net/d/900593-typo3-tx_news-image-crop/9) · Sebastian Schmal · 2015-09-29

schau bitte mal darauf wie dein HTML/Fluid aussieht, da man „maxWidth“ nicht croppen kann.

---

Quelle: „TYPO3 tx_news Image crop“, typo3.net, https://www.typo3.net/d/900593-typo3-tx_news-image-crop
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.