# Artikelzoom Anpassen

**URL:** <https://forum.shopware.com/t/artikelzoom-anpassen/15654>\
**Category:** Shopware 3.5\
**Tags:** resolved-topics\
**Created:** [19. September 2013 um 12:38 UTC](https://forum.shopware.com/t/artikelzoom-anpassen/15654 "2013-09-19T12:38:51Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![powerfab](https://avatars.discourse-cdn.com/v4/letter/p/71c47a/32.png) [@powerfab](https://forum.shopware.com/u/powerfab)\
**Post date:** [19. September 2013 um 12:38 UTC](https://forum.shopware.com/t/artikelzoom-anpassen/15654/1 "2013-09-19T12:38:51Z")

</div>

Komme nicht drauf wie die Zoom-Breite angepasst werden kann. Momentan ist leider linksseitig ein Spalt, hier zu sehen: [hier](http://www.powerfab.de/creatin/90/optimum-nutrition-creatin-powder-300-g) Eine Veränderung des Werte zoomWidth in der jquery.shopware hat bisher keine Veränderung bewirkt: [quote] $.fn.CloudZoom.defaults = { zoomWidth: 487, zoomHeight: 260, position: ‚right‘, tint: false, tintOpacity: 0.5, lensOpacity: 0.5, softFocus: false, smoothMove: 3, showTitle: false, titleOpacity: 0.5, adjustX: 20, adjustY: -5[/quote] Irgendeine Idee? Beste Grüße

---

<div class="post-metadata">

**Author:** ![powerfab](https://avatars.discourse-cdn.com/v4/letter/p/71c47a/32.png) [@powerfab](https://forum.shopware.com/u/powerfab)\
**Post date:** [20. September 2013 um 08:28 UTC](https://forum.shopware.com/t/artikelzoom-anpassen/15654/2 "2013-09-20T08:28:11Z")

</div>

niemand ne Idee?

---

<div class="post-metadata">

**Author:** ![MaTe](https://avatars.discourse-cdn.com/v4/letter/m/51bf81/32.png) [@MaTe](https://forum.shopware.com/u/MaTe)\
**Post date:** [20. September 2013 um 15:14 UTC](https://forum.shopware.com/t/artikelzoom-anpassen/15654/3 "2013-09-20T15:14:03Z")

</div>

Hi also ich würde mir ne neue js Datei in meinem Template anlegen. diese dann in der header.tpl einbinden. In diese Datei dann ganz einfach den folgenden Code ` (function($) { $.fn.CloudZoom.defaults.zoomWidth = 605; $.fn.CloudZoom.defaults.zoomHeight = 320; })(jQuery); ` die Originalwerte stehen in der jquery.emotion.js (diese überschreiben die werte in der jquery.shopware) oder du setzt es über CSS .cloud-zoom-big{width:605px !important;} Gruß Matze

---

<div class="post-metadata">

**Author:** ![powerfab](https://avatars.discourse-cdn.com/v4/letter/p/71c47a/32.png) [@powerfab](https://forum.shopware.com/u/powerfab)\
**Post date:** [20. September 2013 um 22:35 UTC](https://forum.shopware.com/t/artikelzoom-anpassen/15654/4 "2013-09-20T22:35:22Z")

</div>

Vielen Dank für die Antwort! Bin leider nicht so gut in der Programmierung, mit welchem Befehl/Code binde ich die javascript -Datei in den Header ein? Beste Grüße Patrick

---

<div class="post-metadata">

**Author:** ![MaTe](https://avatars.discourse-cdn.com/v4/letter/m/51bf81/32.png) [@MaTe](https://forum.shopware.com/u/MaTe)\
**Post date:** [23. September 2013 um 10:00 UTC](https://forum.shopware.com/t/artikelzoom-anpassen/15654/5 "2013-09-23T10:00:52Z")

</div>

Hi, Du musst dir quasi in deinem Template die js datei ablegen in frontend/\_resources/javascript/ und in der frontend/index/header.tpl ein Block erweitern. ` {block name="frontend\_index\_header\_javascript\_jquery" append} <script type="text/javascript" src="%7Blink%20file='frontend/_resources/javascript/DATEINAME.js'%7D"></script>{/block} ` Gruß Matze

---

<div class="post-metadata">

**Author:** ![powerfab](https://avatars.discourse-cdn.com/v4/letter/p/71c47a/32.png) [@powerfab](https://forum.shopware.com/u/powerfab)\
**Post date:** [24. September 2013 um 22:39 UTC](https://forum.shopware.com/t/artikelzoom-anpassen/15654/6 "2013-09-24T22:39:18Z")

</div>

edit: Funktioniert, danke! Leider kann ich die Breite ab einer gewissen Größe nicht mehr erhöhen. Da sind an der rechten Seite des Zoom-Fenster noch die drunter liegenden Kästchen geringfügig sichtbar. [Hier zu sehen](http://www.powerfab.de/weider-protein-80-plus-2kg?c=5) Irgendeine Idee wie ich das beheben kann? Ansonsten vielen vielen Dank! LG