# Zoomviewer Größe in SW5 anpassen

**URL:** <https://forum.shopware.com/t/zoomviewer-grosse-in-sw5-anpassen/35107>\
**Category:** Themes & Design\
**Created:** [8. März 2016 um 08:24 UTC](https://forum.shopware.com/t/zoomviewer-grosse-in-sw5-anpassen/35107 "2016-03-08T08:24:09Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![hpnewbi](https://avatars.discourse-cdn.com/v4/letter/h/7ea924/32.png) [@hpnewbi](https://forum.shopware.com/u/hpnewbi)\
**Post date:** [8. März 2016 um 08:24 UTC](https://forum.shopware.com/t/zoomviewer-grosse-in-sw5-anpassen/35107/1 "2016-03-08T08:24:09Z")

</div>

Guten Tag,

wie kann ich die Größe des Zooms bei der Artikelseite anpassen?

&nbsp;

Bei Shopware 4 hatte ich das Problem folgendermaßen gelöst:

```
{extends file="parent:frontend/index/header.tpl"}

{block name="frontend_index_header_javascript_jquery" append}

	(function($) {

		$.fn.CloudZoom.defaults.zoomWidth = 800;
		$.fn.CloudZoom.defaults.zoomHeight = 600;

	})(jQuery);

{/block}

```

&nbsp;

&nbsp;

---

<div class="post-metadata">

**Author:** ![hds](https://avatars.discourse-cdn.com/v4/letter/h/bb73d2/32.png) [@hds](https://forum.shopware.com/u/hds)\
**Post date:** [8. März 2016 um 08:29 UTC](https://forum.shopware.com/t/zoomviewer-grosse-in-sw5-anpassen/35107/2 "2016-03-08T08:29:39Z")

</div>

In der modal.less

Mit width und height z.B 90%

---

<div class="post-metadata">

**Author:** ![nxplaza](https://avatars.discourse-cdn.com/v4/letter/n/a88e57/32.png) [@nxplaza](https://forum.shopware.com/u/nxplaza)\
**Post date:** [9. März 2016 um 19:42 UTC](https://forum.shopware.com/t/zoomviewer-grosse-in-sw5-anpassen/35107/3 "2016-03-09T19:42:13Z")

</div>

Guten Abend,

Ich versuche ebenfalls die Zoomgröße zu ändern habe leider im Forum nichts dazu gefunden.

Was muss dort geändert werden, bei welcher Zeile?

Kenne mich leider nicht viel aus, versuche zurzeit etwas über HTML und CSS zu lernen ![Smile](http://forum.shopware.com/plugins/CKEditor/plugins/smiley/images/smile.png "Smile")

---

<div class="post-metadata">

**Author:** ![hds](https://avatars.discourse-cdn.com/v4/letter/h/bb73d2/32.png) [@hds](https://forum.shopware.com/u/hds)\
**Post date:** [9. März 2016 um 20:50 UTC](https://forum.shopware.com/t/zoomviewer-grosse-in-sw5-anpassen/35107/4 "2016-03-09T20:50:00Z")

</div>

Im eigenen Theme unter LESS eine all.less mit folgendem Inhalt einfügen &nbsp;@import „\_components/modal“;

dann im Less Ordner components eine modal.less anlegen mit folgendem Inhalt&nbsp;

.js–modal {  
&nbsp;&nbsp; &nbsp;max-width: 94%;  
&nbsp;&nbsp; &nbsp;max-height:94%;

}

oder auch andere Werte

speichern Theme zuweisen ( kompilieren )

---

<div class="post-metadata">

**Author:** ![nxplaza](https://avatars.discourse-cdn.com/v4/letter/n/a88e57/32.png) [@nxplaza](https://forum.shopware.com/u/nxplaza)\
**Post date:** [10. März 2016 um 15:29 UTC](https://forum.shopware.com/t/zoomviewer-grosse-in-sw5-anpassen/35107/5 "2016-03-10T15:29:11Z")

</div>

Danke fürs Antworten!

Komisch bei mir funktioniert es irgendwie nicht ☹ Wenn ich mit der Maus auf das Bild gehe bleibt der Zoom gleich.

das all.less habe in das folgende Ordner hinzugefügt:

themes/Frontend/MeinTheme/frontend/\_public/src/less/all.less

modal.less:

themes/Frontend/MeinTheme/frontend/\_public/src/less/\_components/modal.less

Theme neu zugewiesen und auf kompilieren geklickt.

&nbsp;

.js–modal {  
&nbsp;&nbsp; &nbsp;max-width: 50%;  
&nbsp;&nbsp; &nbsp;max-height:50%;

}

&nbsp;

---

<div class="post-metadata">

**Author:** ![hds](https://avatars.discourse-cdn.com/v4/letter/h/bb73d2/32.png) [@hds](https://forum.shopware.com/u/hds)\
**Post date:** [10. März 2016 um 20:21 UTC](https://forum.shopware.com/t/zoomviewer-grosse-in-sw5-anpassen/35107/6 "2016-03-10T20:21:28Z")

</div>

Hast du in der all.less auch folgendes hinterlegt:

@import „\_componets/modal“;

&nbsp;

---

<div class="post-metadata">

**Author:** ![nxplaza](https://avatars.discourse-cdn.com/v4/letter/n/a88e57/32.png) [@nxplaza](https://forum.shopware.com/u/nxplaza)\
**Post date:** [11. März 2016 um 07:19 UTC](https://forum.shopware.com/t/zoomviewer-grosse-in-sw5-anpassen/35107/7 "2016-03-11T07:19:15Z")

</div>

> [@hds schrieb:](https://forum.shopware.com/profile/5430/hds "hds")
> 
> Hast du in der all.less auch folgendes hinterlegt:
> 
> @import „\_componets/modal“;
> 
> &nbsp;
> 
> Ja, habe ich so wie du es beschrieben hast.

---

<div class="post-metadata">

**Author:** ![hds](https://avatars.discourse-cdn.com/v4/letter/h/bb73d2/32.png) [@hds](https://forum.shopware.com/u/hds)\
**Post date:** [11. März 2016 um 20:36 UTC](https://forum.shopware.com/t/zoomviewer-grosse-in-sw5-anpassen/35107/8 "2016-03-11T20:36:39Z")

</div>

> [@nxplaza schrieb:](https://forum.shopware.com/profile/23297/nxplaza "nxplaza")
> 
> > [@hds schrieb:](https://forum.shopware.com/profile/5430/hds "hds")
> > 
> > Hast du in der all.less auch folgendes hinterlegt:
> > 
> > @import „\_componets/modal“;
> > 
> > &nbsp;
> > 
> > Ja, habe ich so wie du es beschrieben hast.
> > 
> > &nbsp;
> > 
> > Also ich habe es bei mir getestet und mal andere Werte eingegeben, funktioniert ohne Probleme, du meinst doch die Modal Box ( aufs Bild klicken und wird dann größer dargestellt oder ?

---

<div class="post-metadata">

**Author:** ![nxplaza](https://avatars.discourse-cdn.com/v4/letter/n/a88e57/32.png) [@nxplaza](https://forum.shopware.com/u/nxplaza)\
**Post date:** [15. März 2016 um 12:32 UTC](https://forum.shopware.com/t/zoomviewer-grosse-in-sw5-anpassen/35107/9 "2016-03-15T12:32:10Z")

</div>

Hallo,

konnte leider nicht früher schreiben war die letzten Tage krank.

Nein meine Frage wurde falsch verstanden bzw. ich habe falsch nachgefragt.

Wenn man mit der Maus auf das Bild geht, wird die Stelle am Bild vergrößert wo man gerade mit der Maus ist. Wenn ich zum Heranzoomen mit der Maus über das Bild fahre wird das Bild fast zu 90% herangezoomt dadurch kann man fast nicht erkennen

.