# Artikel Slider Thumbnail Größe

**URL:** <https://forum.shopware.com/t/artikel-slider-thumbnail-grosse/55957>\
**Category:** Themes & Design\
**Created:** [24. Oktober 2018 um 11:09 UTC](https://forum.shopware.com/t/artikel-slider-thumbnail-grosse/55957 "2018-10-24T11:09:18Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Goethe](https://avatars.discourse-cdn.com/v4/letter/g/dec6dc/32.png) [@Goethe](https://forum.shopware.com/u/Goethe)\
**Post date:** [24. Oktober 2018 um 11:09 UTC](https://forum.shopware.com/t/artikel-slider-thumbnail-grosse/55957/1 "2018-10-24T11:09:18Z")

</div>

Hallo Zusammen, wir haben für unsere Aritkelbilder im Listing einen neuen Thumbnail angelegt, klappt auch wunderbar. Was jedoch nicht klappt ist, die Größe der&nbsp;Artikel Slider Bilder zu ändern.

In der box\_article.tpl steht:

`{``elseif` `$productBoxLayout` `== "``slider"``} {``include` `file=``"frontend/listing/product-box/box-minimal.tpl"``}`

Dies bedeutet ja, dass die box-minimal.tpl verwendet wird: Diese extended aber nur die „{extends file=“frontend/listing/product-box/box-basic.tpl“}“ und genau für diese box haben wir den Thumbnail für unser Artikel Listing bereits geändert.

Jedoch greift der Slider irgendwie nicht da drauf zu.

Gibt es für die Slider noch eine Stelle die geändert werden muss?

Vielen Dank!

---

<div class="post-metadata">

**Author:** ![christiantrade](https://avatars.discourse-cdn.com/v4/letter/c/c4cdca/32.png) [@christiantrade](https://forum.shopware.com/u/christiantrade)\
**Post date:** [25. Oktober 2018 um 05:06 UTC](https://forum.shopware.com/t/artikel-slider-thumbnail-grosse/55957/2 "2018-10-25T05:06:36Z")

</div>

Die Größe des Bildes wird bei den Artikel Boxen auch über die Höhe bestimmt.

ggf. musst du eben die Höhe des Elements anpassen, damit das Image größer oder kleiner angezeigt wird. Die Dev Tools und die CSS Source Maps helfen dir dabei.

---

<div class="post-metadata">

**Author:** ![Goethe](https://avatars.discourse-cdn.com/v4/letter/g/dec6dc/32.png) [@Goethe](https://forum.shopware.com/u/Goethe)\
**Post date:** [25. Oktober 2018 um 07:12 UTC](https://forum.shopware.com/t/artikel-slider-thumbnail-grosse/55957/3 "2018-10-25T07:12:02Z")

</div>

> [@christiantrade schrieb:](https://forum.shopware.com/profile/26830/christiantrade "christiantrade")
> 
> Die Größe des Bildes wird bei den Artikel Boxen auch über die Höhe bestimmt.
> 
> ggf. musst du eben die Höhe des Elements anpassen, damit das Image größer oder kleiner angezeigt wird. Die Dev Tools und die CSS Source Maps helfen dir dabei.

Danke für den Hinweis. Das ist aber nicht das Problem. In den Dev Tools kann ich sehen, dass der falsche Thumbnail eingebunden wird&nbsp; ![Frown](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/1X/569ff272a6dd35730487f053b5b3cd1f98b23eea.png "Frown")&nbsp;

---

<div class="post-metadata">

**Author:** ![CarstenHarnisch](https://avatars.discourse-cdn.com/v4/letter/c/f0a364/32.png) [@CarstenHarnisch](https://forum.shopware.com/u/CarstenHarnisch)\
**Post date:** [17. November 2018 um 16:43 UTC](https://forum.shopware.com/t/artikel-slider-thumbnail-grosse/55957/4 "2018-11-17T16:43:47Z")

</div>

Die Lösung führt zum Überladen von einigen Templates aus&nbsp;/listing/product-box/. Für die Slider in den Einkaufswelten dann&nbsp;box-emotion.tpl.

Im Orignal steht dann hier im block “frontend\_listing\_box\_article\_image\_picture” so etwas (verkürzt) :

und dabei dann wichtig die letzte Zeile mit&nbsp;$sArticle.image.thumbnails[**0**].source, dabei wählt die 0 hier den Standard Thumbnail 200x200 aus. Ich habe bei mir&nbsp;etwa einen neuen Thumbnail mit 300x300 erzeugt und dann steht hier dann eine 3 !

Ein ähnliches Konstruct dann an den Stellen wo auch Slider gezeigt werden, etwa im Template&nbsp;product-image.tpl.&nbsp;

happy Coding …

---

<div class="post-metadata">

**Author:** ![Sel4](https://avatars.discourse-cdn.com/v4/letter/s/dc4da7/32.png) [@Sel4](https://forum.shopware.com/u/Sel4)\
**Post date:** [4. Dezember 2018 um 21:41 UTC](https://forum.shopware.com/t/artikel-slider-thumbnail-grosse/55957/5 "2018-12-04T21:41:34Z")

</div>

Habe ein ähnliches Problem, möchte gerne im Artikelslider der Einkaufswelten die größeren Thumbs laden, damit die dann auch ausgespielt werden, wenn “mehr Platz” für die Bilder ist.

Wenn ich Carsten richtig verstehe, dann muß ich in diesem Fall nur in der box-emotion.tpl bei der Zeile mit

das [0] ändern auf [1] - beispielsweise wenn ich den nächstgrößeren Thumbnail laden will.

Interessanterweise zeigt die alleinige Anpassung der box-emotion.tpl keinen Effekt im Frontend.

Hab ich da noch was übersehen?

Danke!

---

<div class="post-metadata">

**Author:** ![linus](https://avatars.discourse-cdn.com/v4/letter/l/f4b2a3/32.png) [@linus](https://forum.shopware.com/u/linus)\
**Post date:** [16. September 2020 um 09:17 UTC](https://forum.shopware.com/t/artikel-slider-thumbnail-grosse/55957/6 "2020-09-16T09:17:03Z")

</div>

Ich stehe gerade beim gleichen Problem: wenn ich ein anderes thumbnail aus dem array nehme, also z.B. [2] sehe ich in den DevTools, dass auch das größere thumbnail gezogen wird aber es wird genauso klein angezeigt. Liegt dann wohl an der größe der Box in der das img angezeigt wird, oder?

Hast du das bei dir lösen können?

---

<div class="post-metadata">

**Author:** ![Currie](https://avatars.discourse-cdn.com/v4/letter/c/b487fb/32.png) [@Currie](https://forum.shopware.com/u/Currie)\
**Post date:** [14. Oktober 2020 um 10:46 UTC](https://forum.shopware.com/t/artikel-slider-thumbnail-grosse/55957/7 "2020-10-14T10:46:02Z")

</div>

Regardless of whether all the blog slider pictures were a similar size, when they get pushed down to the blog thing, they would look wrong [upsers](https://www.upsers.run/).

---

<div class="post-metadata">

**Author:** ![Photolium](https://avatars.discourse-cdn.com/v4/letter/p/b5e925/32.png) [@Photolium](https://forum.shopware.com/u/Photolium)\
**Post date:** [19. November 2020 um 10:47 UTC](https://forum.shopware.com/t/artikel-slider-thumbnail-grosse/55957/8 "2020-11-19T10:47:17Z")

</div>

> [@linus schrieb:](https://forum.shopware.com/profile/27473/linus "linus")

> Ich stehe gerade beim gleichen Problem: wenn ich ein anderes thumbnail aus dem array nehme, also z.B. [2] sehe ich in den DevTools, dass auch das größere thumbnail gezogen wird aber es wird genauso klein angezeigt. Liegt dann wohl an der größe der Box in der das img angezeigt wird, oder?
> 
> Hast du das bei dir lösen können?

Hallo, ich konnte es so lösen:

Ein paar Zeilen weiter oben steht

```
{$itemSize = "200px"}

```

Hier den Wert eintragen der benötigt wird.

LG Tom
