# Produktbild-Zoom bei Mouseover abschalten .. wie?
**URL:** https://forum.shopware.com/t/produktbild-zoom-bei-mouseover-abschalten-wie/67743
**Category:** Themes & Design
**Created:** [17. Juni 2020 um 20:48 UTC](https://forum.shopware.com/t/produktbild-zoom-bei-mouseover-abschalten-wie/67743 "2020-06-17T20:48:56Z")
**Posts on this page:** 16
**Page:** 1
### Author:  [@OSMB](https://forum.shopware.com/u/OSMB)
#### Post date: [17. Juni 2020 um 20:48 UTC](https://forum.shopware.com/t/produktbild-zoom-bei-mouseover-abschalten-wie/67743/1 "2020-06-17T20:48:56Z")
Ein Klick auf das Produktbild um die Lightbox zu öffnen reicht uns völlig aus, wo kann ich das Zoom-Bild bei Mausover deaktivieren?
Habe im Backend keine Einstellung gefunden.
Evtl. via CSS möglich?
---
### Author:  [@0xf76](https://forum.shopware.com/u/0xf76)
#### Post date: [23. Juni 2020 um 11:09 UTC](https://forum.shopware.com/t/produktbild-zoom-bei-mouseover-abschalten-wie/67743/2 "2020-06-23T11:09:36Z")
Hallo,
dafür müsstest du einmal das JS/CSS der entsprechenden Komponente durchsuchen und die Funktion dafür deaktivieren.
Spontane Vermutung: Ist per JS gemacht, da ohne aktives JS das Feature nicht funktioniert.
Gruß
0xf76
---
### Author:  [@WernerBu](https://forum.shopware.com/u/WernerBu)
#### Post date: [23. Juni 2020 um 11:34 UTC](https://forum.shopware.com/t/produktbild-zoom-bei-mouseover-abschalten-wie/67743/3 "2020-06-23T11:34:23Z")
Hallo,
an sich ist das in
Resources/views/storefront/page/product-detail/index.html.twig
Hier dann deb Block page\_product\_detail\_media im eigenen Plugin oder Theme erweitern und den Wert von
```
'zoom': true,
```
auf false setzen. Das sollte das ausschalten, falls ich das meine was Du meinst.
Vielleicht gibt es auch eine einfachere Möglichkeit, funktioniert aber auf alle Fälle, hab’s ausprobiert.
Gruß,
Werner.
---
### Author:  [@OSMB](https://forum.shopware.com/u/OSMB)
#### Post date: [25. Juni 2020 um 10:30 UTC](https://forum.shopware.com/t/produktbild-zoom-bei-mouseover-abschalten-wie/67743/4 "2020-06-25T10:30:50Z")
Danke Werner,
aber das hat leider in meinem Plugin/Theme nicht geklappt.
---
### Author:  [@WernerBu](https://forum.shopware.com/u/WernerBu)
#### Post date: [25. Juni 2020 um 11:05 UTC](https://forum.shopware.com/t/produktbild-zoom-bei-mouseover-abschalten-wie/67743/5 "2020-06-25T11:05:43Z")
Hi,
komisch, bei mir funktioniert das in meinem Plugin, hab es gerade nochmal ausprobiert.
So sieht das bei mir aus in der
custom/plugins/Testplugin/src/Resources/views/storefront/page/product-detail/index.html.twig
```
{% block page\_product\_detail\_media %}
{% if page.product.media %} {% sw\_include '@Storefront/storefront/element/cms-element-image-gallery.html.twig' with { 'mediaItems': mediaItems, 'zoom': false, 'zoomModal': true, 'displayMode': 'contain', 'gutter': 5, 'minHeight': '430px', 'navigationArrows': 'inside', 'navigationDots': 'inside', 'galleryPosition': 'underneath', 'isProduct': true, 'fallbackImageTitle': page.product.translated.name, 'startIndexThumbnails': page.product.cover.position + 1, 'startIndexSlider': page.product.cover.position + 1 } %} {% endif %}
{% endblock %}
```
Gruß,
Werner.
---
### Author:  [@OSMB](https://forum.shopware.com/u/OSMB)
#### Post date: [25. Juni 2020 um 13:11 UTC](https://forum.shopware.com/t/produktbild-zoom-bei-mouseover-abschalten-wie/67743/6 "2020-06-25T13:11:06Z")
Hi Werner,
ja sieht bei mir genauso aus:
custom/plugins/_myTheme_/src/Resources/views/storefront/page/product-detail/ **index.html.twig**
{% block page\_product\_detail\_media %}
{% if page.product.media %}
{% sw\_include ‚@Storefront/storefront/element/cms-element-image-gallery.html.twig‘ with {
‚mediaItems‘: mediaItems,
‚zoom‘: false,
‚zoomModal‘: true,
‚displayMode‘: ‚contain‘,
‚gutter‘: 5,
‚minHeight‘: ‚430px‘,
‚navigationArrows‘: ‚inside‘,
‚navigationDots‘: ‚inside‘,
‚galleryPosition‘: ‚left‘,
‚isProduct‘: true,
‚fallbackImageTitle‘: page.product.translated.name,
‚startIndexThumbnails‘: page.product.cover.position + 0,
‚startIndexSlider‘: page.product.cover.position + 0
} %}
{% endif %}
{% endblock %}
Hab bloß noch ein
mit im Code :-).
Leider auch nach Cache leeren keine Veränderung im Frontend.
Wenn ich allerdings die Datei im „Base“ Verzeichnis anpasse …
vendor/shopware/storefront/Resources/views/storefront/page/product-detail/ **index.html.twig**
dann schluckt er es.
Mein „myTheme“ Verzeichnis/Plugin funktioniert aber, da dort auch all meine eigenen CSS Datein drin liegen.
Irgendeine Idee?
Gruß
OSMB
---
### Author:  [@WernerBu](https://forum.shopware.com/u/WernerBu)
#### Post date: [25. Juni 2020 um 13:36 UTC](https://forum.shopware.com/t/produktbild-zoom-bei-mouseover-abschalten-wie/67743/7 "2020-06-25T13:36:18Z")
Hi,
mmmhhhh, grübel…
Beim
```
{% sw\_extends '@Storefront/storefront/page/product-detail/index.html.twig' %}
```
am Anfang der Datei hast Du dich nicht irgendwie verschrieben?
Ist mir schon mal passiert, deswegen die Frage.
Auch keine Mehrfachvererbung von Themes im Spiel?
Ansonsten wüßte ich jetzt auch nicht, warum.
Gruß,
Werner.
---
### Author:  [@OSMB](https://forum.shopware.com/u/OSMB)
#### Post date: [25. Juni 2020 um 16:09 UTC](https://forum.shopware.com/t/produktbild-zoom-bei-mouseover-abschalten-wie/67743/8 "2020-06-25T16:09:51Z")
Hi …
Nein, leider auch nicht.
Ist ganz oben genau so drin in der Datei.
Mehrfachvererbung scheidet auch aus … 
---
### Author:  [@WernerBu](https://forum.shopware.com/u/WernerBu)
#### Post date: [26. Juni 2020 um 06:04 UTC](https://forum.shopware.com/t/produktbild-zoom-bei-mouseover-abschalten-wie/67743/9 "2020-06-26T06:04:34Z")
Hi,
wäre mir neu, daß man zwei sw\_extends in einer Datei haben kann…
Wenn du auch base.html.twig erweitern willst, dann in einer eigenen base.html.twig.
Just my two cents…
Gruß,
Werner.
---
### Author:  [@OSMB](https://forum.shopware.com/u/OSMB)
#### Post date: [26. Juni 2020 um 10:33 UTC](https://forum.shopware.com/t/produktbild-zoom-bei-mouseover-abschalten-wie/67743/10 "2020-06-26T10:33:21Z")
Hi …
Das macht alles keinen Unterschied.
Shopware scheint die geänderte Datei einfach nicht zu laden.
Das Frontend zieht sich immer die Original-Datei aus dem root.
Grüße
OSMB
---
### Author:  [@WernerBu](https://forum.shopware.com/u/WernerBu)
#### Post date: [26. Juni 2020 um 10:49 UTC](https://forum.shopware.com/t/produktbild-zoom-bei-mouseover-abschalten-wie/67743/11 "2020-06-26T10:49:14Z")
Hi,
ich kann nur sagen, daß es bei mir geht ohne Probleme.
Ich würde das zweite sw\_extends bei Dir wegmachen.
Gruß und schönes Wochenende,
Werner.
---
### Author:  [@Nashbag](https://forum.shopware.com/u/Nashbag)
#### Post date: [3. August 2020 um 21:44 UTC](https://forum.shopware.com/t/produktbild-zoom-bei-mouseover-abschalten-wie/67743/12 "2020-08-03T21:44:32Z")
Hallo zusammen,
ich habe den Code etwas ändern müssen von Werner, dann sieht es wie im Orginal.
```
{% sw_extends '@Storefront/storefront/page/product-detail/index.html.twig' %}
{% block page_product_detail_media %}
{% if page.product.media %}
{% sw_include '@Storefront/storefront/element/cms-element-image-gallery.html.twig' with {
'mediaItems': mediaItems,
'zoom': false,
'zoomModal': false,
'displayMode': 'contain',
'gutter': 5,
'minHeight': '430px',
'navigationArrows': 'inside',
'navigationDots': 'inside',
'galleryPosition': 'left',
'isProduct': true,
'fallbackImageTitle': page.product.translated.name,
'startIndexThumbnails': page.product.cover.position + 1,
'startIndexSlider': page.product.cover.position + 1
} %}
{% endif %}
{% endblock %}
```
Vielleicht hilft die auch OSMB mit seinem Problem. Cache löschen und aufwärmen nicht vergessen.
Schöner Abend wünsche ich
---
### Author:  [@joelgassner](https://forum.shopware.com/u/joelgassner)
#### Post date: [6. Mai 2021 um 09:29 UTC](https://forum.shopware.com/t/produktbild-zoom-bei-mouseover-abschalten-wie/67743/13 "2021-05-06T09:29:15Z")
Hallo zusammen,
Ich habe leider das gleiche Problem in dieser Art.
Ich würde gerne nur die Lightbox öffnen um die Bilder in der Galerie grösser ansehen zu können, ohne dass man noch zusätzlich zoomen kann.
Jedoch bin ich nicht der grösste Programmierer und bräuchte eine kurze Anleitung wie ich das „true“ beim zoom auf „false“ setzen kann und wo ich das finde.
Bin sehr dankbar um jede Hilfe.
Gruss Joel
---
### Author:  [@bnbtradinggmbh](https://forum.shopware.com/u/bnbtradinggmbh)
#### Post date: [5. August 2021 um 17:55 UTC](https://forum.shopware.com/t/produktbild-zoom-bei-mouseover-abschalten-wie/67743/14 "2021-08-05T17:55:01Z")
Ja, wo kann ich dies tun?
vielen Dank
und an die Entwickler von Shopware, dies gehört in die Einstellungen und nicht in irgendein File.
Gruss Markus
---
### Author:  [@Pana](https://forum.shopware.com/u/Pana)
#### Post date: [31. August 2021 um 13:45 UTC](https://forum.shopware.com/t/produktbild-zoom-bei-mouseover-abschalten-wie/67743/15 "2021-08-31T13:45:44Z")
Hi Leute,
könnt ihr mir bitte helfen, was ein Problem in der gleichen Richtung betrifft. Ich sehe, alle Experten in dem Gebiet haben sich in diesem Post verient.
> [@Zoom-Fenster verkleinern](https://forum.shopware.com/t/zoom-fenster-verkleinern/90052):
>
> Hallo liebe Community, ich versuche gerade meinen defekten Zoom auf der Artikelseite wieder herzustellen, den es warum auch immer zerschossen hat. Ich habe viel Zeit mit der „vendor/shopware/storefront/Resources/views/storefront/page/product-detail/ index.html.twig“ verbracht, in der ich den falschen Zoomfaktor einstellen konnte, indem ich ‚displayMode‘: auf ‚cover‘ gesetzt habe. Nun ist leider das Zoomfenster immernoch rechteckig und ich bekomme es einfach nicht quadratisch. Laut Console…
Würde mir sehr helfen, danke!
Liebe Grüße
---
### Author:  [@Christian.Saeum](https://forum.shopware.com/u/Christian.Saeum)
#### Post date: [14. Februar 2022 um 06:39 UTC](https://forum.shopware.com/t/produktbild-zoom-bei-mouseover-abschalten-wie/67743/16 "2022-02-14T06:39:54Z")
Hallo ich will mich hier mal anhängen.
Ich habe gesehen wenn man das Standard Produkt Layout kopiert und ein eigenes erstellt das man den Zoom usw direkt entfernen kann ohne Templateänderung.
Nun aber ist meine Frage wie kommen nun meine Templateänderungen wieder im Shop an die ich im Plugin gemacht habe?