उत्पाद विवरण पृष्ठ पर उत्पाद छवि ज़ूम समस्या, जब ड्रॉप-डाउन मेनू में इसके साथ ओवरलैप क्षेत्र होता है

Question

ज़ूम ठीक काम करता है,

लेकिन जब उत्पाद छवि और ड्रॉप-डाउन मेनू के ओवरलैप क्षेत्र में श्रेणी ड्रॉप-डाउन मेनू पर मँडराते हैं, तो ज़ूम सामान्य रूप से काम कर रहा है, यहां तक ​​कि माउस अभी भी ड्रॉप-डाउन मेनू पर है।

कृपया कैप्चर तस्वीर देखें:

Comments

ज़ूम करने के लिए उच्च z- इंडेक्स सेट करें, आपके मुद्दे को हल करेगा

— मनोज देशवाल

@ManojDeswal, मुझे z-index का उपयोग करने की कोशिश की गई: 99999; लेकिन यह काम नहीं करता है। क्या आप मुझे उचित समाधान प्रदान कर सकते हैं

— मयूर राठौड़

अगर आपके पास ऑनलाइन यूआरएल है तो मैं आपकी मदद कर सकता हूं

— मनोज देसवाल

यह मेरे स्थानीय सिस्टम में ठीक काम कर रहा है।

— मयूर राठौड़

अपना ऑनलाइन URL पास करें, निरीक्षण करने के बाद मैं आपको सटीक समाधान बता सकता हूं

— मनोज देशवाल

Answer 1

आपको नीचे दिए गए विषय के रूप में लिब / वेब / मैग्नीफायर / मैग्नीफायर.जेएस के कोड को बदलना होगा।

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

हमें छवि ब्लॉक की "मूसलीव" घटना पर फ़ंक्शन को जोड़ने की आवश्यकता है अन्यथा छवि ब्लॉक से माउस निकलने के बाद ज़ूम प्रदर्शित होगा।
कृपया उपरोक्त कोड जोड़ें और मुझे बताएं कि क्या आपको कुछ और चाहिए।

Comments

Magento 2.2.5। मैंने यह परिवर्तन किया, कैश किया गया क्लीयर किया और यह अभी भी वैसा काम नहीं कर रहा है जैसा इसे करना चाहिए। कोई अन्य सुझाव?

— रूडी C.

कृपया Magento निर्देशिका के रूट पर निम्न कमांड चलाएँ। -> php bin / magento s: up -> php bin / magento s: d: c मुझे बताएं कि क्या यह कमांड से ऊपर चलाने के बाद काम नहीं करेगा

— नितिन वला

वह काम किया! छवि के नाम से पाठ अभी भी नीचे फसल है यह कुछ ऐसा है जिससे आप परिचित हैं? मैं उम्मीद कर रहा था कि छवि होवर समस्या को ठीक करने से छवि पाठ समस्या भी ठीक हो जाएगी लेकिन क्या यह अलग प्रतीत होता है? आपकी मदद और समय के लिए धन्यवाद, नितिन।

— रूडी C.

हाँ, दोनों मुद्दे अलग-अलग हैं। यह पहले से ही git हब github.com/magento/magento2/issues/15035(see पिछले 3-4 टिप्पणियाँ) पर चर्चा की गई है। यह भी Magento के नवीनतम रिलीज में हल हो सकता है।

— नितिन वला

2.2.4 के लिए काम करता है

— जोएल डेवी

Answer 2

Magento संस्करण 2.2.6 के लिए अपने विषय में नीचे दिए गए कोड को बदलें। फ़ाइल पथ लिब / वेब / मैग्नीफायर / मैग्निफायर.जेएस ऐप / डिज़ाइन / फ्रंटेंड / वेंडर / मॉड्यूल / वेब में बदलें

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

Comments

धन्यवाद यह काम कर रहा है !!

— मनीष गोस्वामी

धन्यवाद। यह काम किया है ...

— जूल

Answer 3

मैं 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);

Comments

मैंने सिर्फ 2.2.6 में अपडेट किया और इस कोड का उपयोग किया। फिर भी मेरे लिए कोई अन्य सुझाव नहीं दे रहा है? धन्यवाद। FYI मैं नितिन द्वारा सुझाए गए पिछले पैच का उपयोग कर रहा था जिसमें कोई समस्या नहीं थी।

— रूडी सी।

मैं के साथ कोड को संपादित करता हूं: $ (bigWrapper)। ... आपकी सामने वाली त्रुटि क्या है?

— रुदक

इसने 2.2.6 धन्यवाद पर मेरी समस्या हल कर दी।

— CDzWebDev

यह मेरे लिए 2.3 पर काम करता है

— बार्टज़ालस

Answer 4

लगता है यह मैगनेटो बग है।

चेक यहाँ ।

फिक्स को Lattest Magetno 2.2.4 के साथ मिला दिया गया है ।

यदि आप पुराने संस्करण चला रहे हैं तो आप फ़ाइल को वर्कअराउंड के रूप में संशोधित कर सकते हैं।

lib / वेब / ताल / magnifier.js

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

संदर्भ: - इस प्रतिबद्धता की जाँच करें जो कि Magento 2.2.4 के साथ विलय की गई है

Update: - यदि आप इस PR को मर्ज करते हैं और इससे अधिक आपके लिए ज़ूम इशू होगा। इसकी वर्किंग लुक्स लाइक, फिक्सिंग वन प्रॉब्लम मेसड विद अदर। अपने जोखिम पर करो !!!

Answer 5

नवीनतम संस्करण के साथ, उपरोक्त समाधान अभी भी काम नहीं किया, मुझे विशेष रूप से इस तरह के आवर्धक पूर्वावलोकन वर्ग को निर्दिष्ट करना पड़ा:

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

Comments

यह 2.3.0 की एक नई स्थापना पर मेरे लिए काम नहीं करता है। कोई सुझाव?

— रूडी सी।

Answer 6

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

यह कोड ठीक काम कर रहा है।

धन्यवाद,

Answer 7

आप ओरिजिनल मैग्नीफायर कहां पा सकते हैं। हमारे पास यह मुद्दा है और अल्टिमो थीम का उपयोग करें। हालांकि ऐप / डिज़ाइन / फ्रंटएंड / इनफोरिस / अल्टिमो हम कितनी दूर है। तब मैं वेब / आवर्धक / फ़ोल्डर बना सकता हूं, लेकिन सही मैग्नीफायर कहां से लाऊंगा।

उदाहरण के लिए कोई भी अच्छा है? धन्यवाद

Comments

ऑरिजनल मैग्‍निफायर.जेएस मैगनेटरूट / लिब / वेब / मैग्नीफायर / फोल्‍डर के अंतर्गत है।

— नितिन वला