Produktbild-Zoom bei Mouseover abschalten .. wie?

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?

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

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.

Danke Werner,

aber das hat leider in meinem Plugin/Theme nicht geklappt.

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.

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

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.

Hi …

Nein, leider auch nicht.

Ist ganz oben genau so drin in der Datei.

Mehrfachvererbung scheidet auch aus …  Undecided

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.

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

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.

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

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

1 Like

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

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.

Würde mir sehr helfen, danke!

Liebe Grüße

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?