Problem beim Zoomen des Produktbilds auf der Produktdetailseite, wenn das Dropdown-Menü einen Überlappungsbereich aufweist

Zoom funktioniert gut,

Wenn Sie den Mauszeiger über das Dropdown-Menü Kategorie zum Überlappungsbereich von Produktbild und Dropdown-Menü bewegen, funktioniert der Zoom normal, auch wenn sich die Maus noch im Dropdown-Menü befindet.

Bitte überprüfen Sie das Aufnahmebild:

Sie müssen den Code von lib / web / magnifier / magnifier.js in Ihrem Thema wie folgt ersetzen.

$(document).on('mousemove', onMousemove);
_init($box, gOptions);

Ersetzen Sie es durch.

$box.on('mousemove', onMousemove);
$box.on('mouseleave', mouseleave);
function mouseleave(e) {
   onThumbLeave();
   isOverThumb = false;
   $largeWrapper.addClass(MagnifyCls.magnifyHidden);
}
_init($box, gOptions);

Wir müssen eine Funktion für das "Mausblatt" -Ereignis des Bildblocks hinzufügen, da sonst der Zoom angezeigt wird, nachdem die Maus den Bildblock verlassen hat.
Bitte fügen Sie den obigen Code hinzu und lassen Sie mich wissen, wenn Sie noch etwas benötigen.

Für Magento Version 2.2.6 ersetzen Sie den folgenden Code in Ihrem Thema. Dateipfad lib / web / magnifier / magnifier.js In app / design / frontend / vendor / module / web ersetzen

$box.on('mousemove', onMousemove);
_init($box, customUserOptions);

Ersetzen Sie es durch.

   $box.on('mousemove', onMousemove);
   $box.on('mouseleave', mouseleave);
   function mouseleave(e) {
           onThumbLeave();
           isOverThumb = false;
           $magnifierPreview.addClass(MagnifyCls.magnifyHidden);
        }
   _init($box, customUserOptions);

Ich aktualisiere auf v2.2.6 und es funktioniert nicht mehr, danach
bearbeite ich den Code wie folgt und es funktioniert:

 $box.on('mousemove', onMousemove);
    $box.on('mouseleave', mouseleave);
    function mouseleave(e) {
        onThumbLeave();
        isOverThumb = false;
        $(largeWrapper).addClass(MagnifyCls.magnifyHidden);
    }
    // _init($box, gOptions);
    _init($box, customUserOptions);

Sieht so aus, als wäre dies Magetnos Fehler.

Überprüfen Sie hier .

Fix wurde mit Lattest Magetno 2.2.4 zusammengeführt .

Wenn Sie eine ältere Version ausführen, können Sie die folgende Datei als Workarround ändern.

lib / web / magnifier / magnifier.js

       $box.on('mousemove', onMousemove);
     _init($box, gOptions);

Referenz: - Aktivieren Sie Dieses Commit, das mit Magento 2.2.4 zusammengeführt wird

Update: - Wenn Sie diese PR zusammenführen und dann wird es ein Zoomproblem für Sie sein. Es funktioniert nicht Wie es aussieht, ein Problem zu beheben, das mit dem anderen durcheinander gebracht wurde. Mach es auf eigenes Risiko !!!

Mit der neuesten Version funktionierte die obige Lösung immer noch nicht. Ich musste die Vorschau der Lupenklasse wie folgt angeben:

$box.on('mousemove', onMousemove);
$box.on('mouseleave', mouseleave);
function mouseleave(e) {
    onThumbLeave();
    isOverThumb = false;
    $('.magnifier-preview').addClass(MagnifyCls.magnifyHidden);
}
_init($box, customUserOptions);

$box.on('mousemove', onMousemove);
$box.on('mouseleave', mouseleave);
function mouseleave(e) {
   onThumbLeave();
   isOverThumb = false;
   $largeWrapper.addClass(MagnifyCls.magnifyHidden);
}
_init($box, gOptions);

Dieser Code funktioniert gut.

Vielen Dank,

Wo finden Sie die originel magnifier.js? Wir haben dieses Problem und verwenden das Ultimo-Thema. App / Design / Frontend / Infortis / Ultimo ist jedoch, wie weit wir kommen. Dann kann ich natürlich das Web / die Lupe / die Ordner erstellen, aber woher bekomme ich die richtige Lupe.js?

Ist jemand ein gutes Beispiel? Vielen Dank