드롭 다운 메뉴에 영역이 겹치는 경우 제품 세부 사항 페이지의 제품 이미지 줌 문제

줌이 잘 작동합니다.

그러나 카테고리 드롭 다운 메뉴에서 제품 이미지 및 드롭 다운 메뉴의 겹침 영역으로 마우스를 가져 가면 마우스가 여전히 드롭 다운 메뉴에 있어도 줌이 정상적으로 작동합니다.

캡처 사진을 확인하십시오 :

아래와 같이 테마에서 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 app / 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);

이것이 Magetno의 버그 인 것 같습니다.

여기를 확인하십시오 .

Lattest Magetno 2.2.4 와 수정 사항이 병합되었습니다 .

이전 버전을 실행중인 경우 아래 파일을 임시 해결책으로 수정할 수 있습니다.

lib / web / magnifier / magnifier.js

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

참조 : - 확인 이 커밋 그 젠토 2.2.4와 병합

Update:- 만약 당신이이 PR을 합치면 그것보다 줌 문제가 될 것입니다. 작동하지 않는 것 같습니다. 하나의 문제를 해결하십시오. 당신의 자신의 위험에 그것을 해!

최신 버전에서는 위의 솔루션이 여전히 작동하지 않으므로 돋보기 미리보기 클래스를 다음과 같이 지정해야했습니다.

$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는 우리가 얼마나 멀리 떨어져 있는지입니다. 그렇다면 물론 web / magnifier / 폴더를 만들 수 있지만 어디에서 올바른 magnifier.js를 얻을 수 있습니까?

모범을 보인 사람이 있습니까? 감사