# Zoomviewer - Größe verändern

**URL:** <https://forum.shopware.com/t/zoomviewer-grosse-verandern/14620>\
**Category:** Shopware 3.5\
**Tags:** themes--design\
**Created:** [25. Juli 2013 um 16:06 UTC](https://forum.shopware.com/t/zoomviewer-grosse-verandern/14620 "2013-07-25T16:06:02Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![jox](https://avatars.discourse-cdn.com/v4/letter/j/c2a13f/32.png) [@jox](https://forum.shopware.com/u/jox)\
**Post date:** [25. Juli 2013 um 16:06 UTC](https://forum.shopware.com/t/zoomviewer-grosse-verandern/14620/1 "2013-07-25T16:06:02Z")

</div>

Hallo zusammen, wie und wo verändere ich die Größe des Zoomviewers? Mit dem Firefox kann ich nicht nachforschen, da das Zoomfenster immer wieder verschwindet, bevor ich draufklicken kann. Über Hilfe würde ich mich freuen.

---

<div class="post-metadata">

**Author:** ![Patrick\_Schucker](https://avatars.discourse-cdn.com/v4/letter/p/a5b964/32.png) [@Patrick\_Schucker](https://forum.shopware.com/u/Patrick_Schucker)\
**Post date:** [25. Juli 2013 um 16:47 UTC](https://forum.shopware.com/t/zoomviewer-grosse-verandern/14620/2 "2013-07-25T16:47:38Z")

</div>

Hi jox, schau mal in die Datei /templates/\_default/frontend/\_resources/javascript/jquery.shopware.js Zeile 4577. Du kannst auch nach „$.fn.CloudZoom.defaults“ suchen. Die Größe kannst du mit „zoomWidth“ und „zoomHeight“ anpassen. Grüße aus dem Münsterland Patrick Schücker

---

<div class="post-metadata">

**Author:** ![jox](https://avatars.discourse-cdn.com/v4/letter/j/c2a13f/32.png) [@jox](https://forum.shopware.com/u/jox)\
**Post date:** [28. Juli 2013 um 02:23 UTC](https://forum.shopware.com/t/zoomviewer-grosse-verandern/14620/3 "2013-07-28T02:23:18Z")

</div>

Hallo Patrick, das ist nicht ganz richtig. In der Version 4.1 wird es in der [color=blue]/templates/\_emotion/frontend/\_resources/javascript/jquery.emotion.js[/color] ganz oben geändert. Aber wie mache ich es, dass ich dass ganze nun updatesicher in meinem eigenen Template mache? Also im Ordner [color=blue]/templates/\_emotion\_meinetemplate/frontend/\_resources/javascript/jquery.emotion[size=200]???[/size].js[/color]

---

<div class="post-metadata">

**Author:** ![Stephan\_Pohl](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/stephan_pohl/32/10212_2.png) [@Stephan\_Pohl](https://forum.shopware.com/u/Stephan_Pohl)\
**Post date:** [31. Juli 2013 um 09:10 UTC](https://forum.shopware.com/t/zoomviewer-grosse-verandern/14620/4 "2013-07-31T09:10:39Z")

</div>

Hallo jox, du kannst dir in deinen Template-Ordner einfach einen neuen Ordner namens “index” anlegen. In den gerade erstellten Ordner legst du jetzt eine neue Datei namens “header.tpl” an und fügst hier folgendes ein: [code] {extends file=“parent:frontend/index/header.tpl”} {block name=“frontend\_index\_header\_javascript\_jquery” append}{/block} [/code] …alternativ kannst du aber auch genauso gut eine eigene Javascript Datei anlegen und den Inhalt des “script”-Elementes hier einfügen. In diesen Fall würde deine “header.tpl” wie folgt aussehen: ` {extends file="parent:frontend/index/header.tpl"} {block name="frontend\_index\_header\_javascript\_jquery" append} <script type="text/javascript" src="%7Blink%20file='frontend/_resources/javascript/jquery.emotion-my-template.js'%7D"></script>{/block} ` Die Datei “jquery.emotion-my-template.js” aus dem vorherigen Beispiel hätte dann folgenden Inhalt: ` (function($) { $.fn.CloudZoom.defaults.zoomWidth = 800; $.fn.CloudZoom.defaults.zoomHeight = 600; })(jQuery); ` Viele Grüße, Stephan Pohl :shopware: