# Zoomviewer Thumbnail ID zuweisen

**URL:** <https://forum.shopware.com/t/zoomviewer-thumbnail-id-zuweisen/88252>\
**Category:** Themes & Design\
**Created:** [10. Juni 2021 um 06:43 UTC](https://forum.shopware.com/t/zoomviewer-thumbnail-id-zuweisen/88252 "2021-06-10T06:43:19Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![lanaii](https://avatars.discourse-cdn.com/v4/letter/l/bc79bd/32.png) [@lanaii](https://forum.shopware.com/u/lanaii)\
**Post date:** [10. Juni 2021 um 06:43 UTC](https://forum.shopware.com/t/zoomviewer-thumbnail-id-zuweisen/88252/1 "2021-06-10T06:43:19Z")

</div>

Hallo Community,  
wir haben ein kleines Problem mit dem Zoomviewer und der Auflösung unserer Bilder.  
Für den Upload unserer Artikel nutzen wir JPEG Bilder mit einer Auflösung von 3500x3500 Pixel, die Standard Thumbnails sind ja bekanntlich 200x200, 600x600, 1280x1280.

Doch nun zu unserem Problem, gibt es die Möglichkeit, der klasse **js–img-zoom–flyout** zu sagen das Sie nicht die Thumbnail ID[2] (1280x1280) nutzen soll, sondern die Thumbnail ID[1] (600x600)??

Leider wurde dies zuwenig hier im Forum diskutiert das Ich etwas finden könnte bzw. einen anhalt.

LG

---

<div class="post-metadata">

**Author:** ![R4M](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/r4m/32/9983_2.png) [@R4M](https://forum.shopware.com/u/R4M)\
**Post date:** [11. Juni 2021 um 12:51 UTC](https://forum.shopware.com/t/zoomviewer-thumbnail-id-zuweisen/88252/2 "2021-06-11T12:51:49Z")

</div>

Ich hoffe, dass ich die Frage richtig verstanden habe.

Im originalen SW Theme wird beim Zoom die Bild-URL aus dieser Zeile verwendet:

> <https://github.com/shopware/shopware/blob/5.7/themes/Frontend/Bare/frontend/detail/image.tpl#L28>

Wenn ihr hier ein eigene bzw. fremdes Theme benutzt, dann könnte das etwas anders sein. Beim Standard-Theme könnte man hier die URL beeinflussen.

---

<div class="post-metadata">

**Author:** ![lanaii](https://avatars.discourse-cdn.com/v4/letter/l/bc79bd/32.png) [@lanaii](https://forum.shopware.com/u/lanaii)\
**Post date:** [14. Juni 2021 um 06:39 UTC](https://forum.shopware.com/t/zoomviewer-thumbnail-id-zuweisen/88252/3 "2021-06-14T06:39:23Z")

</div>

Hallo R4M,  
das problem ist ja im Endeffekt das unsere Bilder 3500x3500 Pixel groß sind, und _data-img-original="{$sArticle.image.source}"_ ja dann dies auch auf die _class=„js–img-zoom–flyout“_ anwendet, und um das zu vermeiden, wäre es toll, wenn man hier die klasse barbeiten könnte, damit eine andere Thumbnail ID genutzt wird.  
Denn knapp 4000 Bilder neu zu resizen und hochzuladen dauert viel zu lange 😁

---

<div class="post-metadata">

**Author:** ![R4M](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/r4m/32/9983_2.png) [@R4M](https://forum.shopware.com/u/R4M)\
**Post date:** [14. Juni 2021 um 07:15 UTC](https://forum.shopware.com/t/zoomviewer-thumbnail-id-zuweisen/88252/4 "2021-06-14T07:15:56Z")

</div>

Warum habt ihr die Bilder von von Anfang an kleiner in den Shop geladen? Die meisten Kunden haben kein 30 Zoll Monitor 🙂

---

<div class="post-metadata">

**Author:** ![lanaii](https://avatars.discourse-cdn.com/v4/letter/l/bc79bd/32.png) [@lanaii](https://forum.shopware.com/u/lanaii)\
**Post date:** [14. Juni 2021 um 07:28 UTC](https://forum.shopware.com/t/zoomviewer-thumbnail-id-zuweisen/88252/5 "2021-06-14T07:28:25Z")

</div>

Zwecks hochauflösender Bilder, und bereitstellung unserer Hersteller.  
Gibt es eine möglichkeit den ZoomFactor zu verkleinern??

---

<div class="post-metadata">

**Author:** ![R4M](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/r4m/32/9983_2.png) [@R4M](https://forum.shopware.com/u/R4M)\
**Post date:** [14. Juni 2021 um 08:08 UTC](https://forum.shopware.com/t/zoomviewer-thumbnail-id-zuweisen/88252/6 "2021-06-14T08:08:29Z")

</div>

Ich kenne eure Theme nicht, daher kann ich hier keine exakten Lösungen anbieten.

Theoretisch könnte man mit JS die URL im Template verändern, so dass beim Zoom das Thumbnail angezeigt wird, anstatt das originale. Beispiel:

```
var imglarge = $('.image--element').attr('data-img-large');
$('.image--box .image--element').attr('data-img-original', imglarge );

```

Ob ihr das technisch umsetzen könnt, weiß ich allerdings nicht.

---

<div class="post-metadata">

**Author:** ![lanaii](https://avatars.discourse-cdn.com/v4/letter/l/bc79bd/32.png) [@lanaii](https://forum.shopware.com/u/lanaii)\
**Post date:** [14. Juni 2021 um 08:43 UTC](https://forum.shopware.com/t/zoomviewer-thumbnail-id-zuweisen/88252/7 "2021-06-14T08:43:03Z")

</div>

Wir nutzen das ThemeWare® Modern | Customizable Responsive Theme, dies hat aber keine option/funktion für das Artikelbild. Lediglich das man zwischen ZoomViewer und Lightbox wählen kann.

---

<div class="post-metadata">

**Author:** ![R4M](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/r4m/32/9983_2.png) [@R4M](https://forum.shopware.com/u/R4M)\
**Post date:** [14. Juni 2021 um 09:31 UTC](https://forum.shopware.com/t/zoomviewer-thumbnail-id-zuweisen/88252/8 "2021-06-14T09:31:32Z")

</div>

Ja da müsste das ThemeWare auf Child-Basis erweitert werden. Ich selber kenne es aber leider nicht.