Artikeldetailseite - Link vom Bild entfernen (Zoomfunktion deaktivieren, Vergrößerung abschalten)

Shopware 5 Allgemein
1

Hallo,

wie lässt sich die Vergrößerung der Bilder in der Artikeldetailseite deaktiveren? Über die Grundeinstellung Storefront kann ich diese nur umstellen auf Lightbox anstelle des Zoomviewers. Im Theme kann ich dann noch den Zoomfaktor auf 0 setzen, aber nicht die Lightbox deaktivieren. Das Artikelbild soll allerdings gar nicht mehr anklickbar sein.

Vielen Dank für Eure Tipps!

2

Es muss doch möglich sein, den Bilderzoom/Popup zu unterbinden…?

3

Niemand eine Idee? Shopware-Team?

4

@m23 schrieb:

Niemand eine Idee? Shopware-Team?

Idee habe ich, umsetzen muss du es selber:

  1. Zoom deaktivieren

https://github.com/shopware/shopware/blob/5.5/themes/Frontend/Responsive/frontend/\_public/src/js/jquery.image-zoom.js

Funktion „registerEvents“ deaktivieren, auskommentieren oder wie auch immer nicht ausführbar machen.

  1. Popup deaktivieren

https://github.com/shopware/shopware/blob/5.5/themes/Frontend/Responsive/frontend/\_public/src/js/jquery.image-gallery.js

Und noch einmal Funktion „registerEvents“ deaktivieren, auskommentieren oder wie auch immer nicht ausführbar machen.

  1. CSS anpassen, damit der Mouse-Pointer über dem Bild verschwindet.

 

1 „Gefällt mir“
5

Hier gibts ne gute Anleitung (auch wenns zu spät ist, aber ich habe das eben auch gerade benötigt):

https://8mylez.com/blog/jquery-plugins-ueberschreiben-shopware/

Als Beispiel => jquery.image-slider.js (Produktseite, detail) defaults ändern:

 

;(function ($, window) {
	'use strict';
    $.overridePlugin('swImageSlider', {


      defaults: {

          
          /**
           * Turn touch controls on and off.
           *
           * @property touchControls
           * @type {Boolean}
           */
          touchControls: false,

          /**
           * Whether or not the automatic slide feature should be active.
           *
           * @property autoSlide
           * @type {Boolean}
           */
          autoSlide: false,

         
          /**
           * Whether or not the swipe to slide feature should be active.
           *
           * @property swipeToSlide
           * @type {Boolean}
           */
          swipeToSlide: false,

          
      }


    });
})(jQuery, window);