Проблема с увеличением изображения продукта на странице сведений о продукте, когда раскрывающееся меню имеет область перекрытия с ним

Зум работает нормально,

Но при наведении указателя мыши на раскрывающееся меню категории на область перекрытия изображения продукта и раскрывающееся меню зум работает нормально, даже если мышь все еще находится в раскрывающемся меню.

Пожалуйста, проверьте изображение захвата:

Вам нужно заменить код lib / web / magnifier / magnifier.js в вашей теме, как показано ниже.

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

Замените это на.

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

Нам нужно добавить функцию для события mouseleave для блока изображения, иначе масштаб будет отображаться после выхода мыши из блока изображения.
Пожалуйста, добавьте приведенный выше код и дайте мне знать, если вам нужно что-нибудь еще.

Для версии magento 2.2.6 замените код ниже в вашей теме. Путь к файлу lib / web / magnifier / magnifier.js Заменить в приложении / design / frontend / vendor / module / web

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

Замените это на.

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

Я обновляюсь до v2.2.6, и он больше не работает, после этого
я редактирую код следующим образом:

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

Похоже, это ошибка Магетно.

Проверьте здесь .

Исправление было объединено с Lattest Magetno 2.2.4 .

Если вы используете более старую версию, чем вы можете изменить файл ниже, как обходной путь.

Библиотека / веб / лупа / magnifier.js

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

Ссылка: - Проверьте этот коммит, который объединен с Magento 2.2.4

Update: - Если вы объедините этот пиар и чем он станет для вас проблемой увеличения. Это не работает Похоже, решение одной проблемы, перепутанной с другой. Делайте это на свой страх и риск !!!

В последней версии вышеупомянутое решение все еще не работало, мне пришлось указать класс предварительного просмотра лупы, например, так:

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

Этот код работает нормально.

Спасибо,

Где можно найти originel magnifier.js? У нас есть этот вопрос и мы используем тему Ultimo. Однако app / design / frontend / Infortis / ultimo - это то, как далеко мы продвинулись. Тогда, конечно, я могу создать веб / увеличитель / папки, но откуда взять правильный magnifier.js?

Кто-нибудь хороший пример? Спасибо