Problema con el zoom de la imagen del producto en la página de detalles del producto cuando el menú desplegable tiene un área superpuesta

Zoom funciona bien,

Pero al pasar el cursor sobre el menú desplegable de categoría al área de superposición de la imagen del producto y el menú desplegable, el zoom funciona normalmente, incluso el mouse todavía está en el menú desplegable.

Por favor, compruebe la captura de imagen:

Debe reemplazar el código de lib / web / magnifier / magnifier.js en su tema como se muestra a continuación.

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

Reemplácelo con.

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

Necesitamos agregar la función en el evento "mouseleave" del bloque de la imagen, de lo contrario, se mostrará el zoom después de que el mouse salga del bloque de la imagen.
Agregue el código anterior y avíseme si necesita algo más.

Para la versión 2.2.6 de magento, reemplace el código siguiente en su tema. Ruta de archivo lib / web / magnifier / magnifier.js Reemplazar en app / design / frontend / vendor / module / web

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

Reemplácelo con.

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

Actualizo a v2.2.6 y ya no funciona después de eso
edito el código de esta manera y funciona:

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

Parece que este es el error de Magetno.

Compruebe aquí .

Fix se ha fusionado con Lattest Magetno 2.2.4 .

Si está ejecutando una versión anterior, puede modificar el siguiente archivo como solución alternativa.

lib / web / magnifier / magnifier.js

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

Referencia: - Marque esta confirmación que se combina con Magento 2.2.4

Update: - Si fusiona este PR y luego será un problema de zoom para usted. No funciona Parece, solucionando un problema en mal estado con otro. ¡Hazlo bajo tu propio riesgo!

Con la última versión, la solución anterior aún no funcionaba, tuve que especificar la clase de vista previa de lupa específicamente así:

$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);

Este código funciona bien.

Gracias,

¿Dónde puedes encontrar el originel magnifier.js? Tenemos este problema y utilizamos el tema Ultimo. Sin embargo, app / design / frontend / Infortis / ultimo es lo lejos que llegamos. Entonces, por supuesto, puedo crear las carpetas web / lupa / pero ¿de dónde obtener la lupa.js correcta?

¿Alguien un buen ejemplo? Gracias