Açılır menüde çakışan bir alan olduğunda ürün ayrıntıları sayfasındaki ürün resmi yakınlaştırma sorunu

9

Zoom iyi çalışıyor,

Ancak kategori açılır menüsünün üzerine ürün resmi ve açılır menünün üst üste geldiği alanın üzerine geldiğinizde, yakınlaştırma normal şekilde hareket eder, fare bile açılır menüdedir.

Lütfen yakalama resmini kontrol edin:

magento2 less-css zoom

— Mayur Rathod
kaynak

Yakınlaştırmak için daha yüksek bir Z-endeksi ayarlayın, sorununuzu çözecektir

— Manoj Deswal

@ManojDeswal, z-endeksi: 99999; ama işe yaramıyor. Bana uygun çözümler sağlayabilir misiniz?

— Mayur Rathod

çevrimiçi

— url'niz

Yerel sistemimde iyi çalışıyor.

— Mayur Rathod

Çevrimiçi URL'nizi

— geçin, inceledikten

19

Temanızdaki lib / web / magnifier / magnifier.js kodunu aşağıdaki gibi değiştirmeniz gerekir.

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

Şununla Değiştir:

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

Resim bloğunun "mouseleave" olayına fonksiyon eklememiz gerekiyor, aksi takdirde görüntü bloğundan ayrıldıktan sonra zoom görüntülenecektir.
Lütfen yukarıdaki kodu ekleyin ve başka bir şeye ihtiyacınız varsa bana bildirin.

— Nitin Vala
kaynak

Magento 2.2.5. Bu değişikliği yaptım, önbelleği temizledim ve hala olması gerektiği gibi çalışmıyor. Başka öneriniz var mı?

— Rudy

Lütfen magento dizininin kökünde aşağıdaki komutu çalıştırın. -> php bin / magento s: yukarı -> php bin / magento s: d: c yukarıdaki komut çalıştırıldıktan sonra çalışmazsa bana bildirin

— Nitin Vala

İşe yaradı! Görüntünün adındaki metin hala alttan kırpılıyor Bu aşina olduğunuz bir şey mi? Görüntü vurgulu sorunu düzeltmenin de görüntü metni sorununu çözeceğini umuyordum, ancak ayrı görünüyor mu? Yardımlarınız ve zamanınız için teşekkür ederim Nitin.

— Rudy

Evet, her iki konu da ayrı. Git hub github.com/magento/magento2/issues/15035 (son 3-4 yoruma bakın). Ayrıca magento'nun en son sürümünde de çözülebilir.

— Nitin Vala

2.2.4 için çalışıyor

— Joel Davey

8

Magento 2.2.6 sürümü için temanızdaki aşağıdaki kodu değiştirin. Dosya yolu lib / web / büyüteç / magnifier.js Uygulamada değiştirin / tasarım / kullanıcı arabirimi / satıcı / modül / web

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

Şununla Değiştir:

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

— Aniket Prajapati
kaynak

Teşekkürler çalışıyor !!

— Manish Goswami

Teşekkürler. İşe yaradı ...

— soofz

6

Ben v2.2.6 yükseltme ve bundan sonra böyle
kodu düzenlemek ve işe yaramaz artık çalışmıyor :

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

— Rudak
kaynak

1

2.2.6 sürümüne geçtim ve bu kodu kullandım. Hala benim için başka bir öneri çalışmıyor mu? Teşekkürler. FYI Nitin tarafından önerilen önceki yamayı hiçbir sorun olmadan kullanıyordum.

— Rudy

Kodu: $ (largeWrapper) ile düzenlerim. ... ön hatan nedir?

— rudak

1

Bu 2.2.6 teşekkür sorunumu çözdü.

— CDzWebDev

1

Bu benim için çalışıyor 2.3

— BartZalas

3

Görünüşe göre bu Magetno'nun hatası.

Buradan kontrol edin .

Fix, Lattest Magetno 2.2.4 ile birleştirildi .

Daha eski bir sürümü çalıştırıyorsanız, aşağıdaki dosyayı çalışma alanı olarak değiştirebilirsiniz.

lib / web / büyüteci / magnifier.js

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

Referans: - Magento 2.2.4 ile birleştirilen bu taahhüdü kontrol edin

Update: - Bu PR birleştirirseniz ve sizin için zum sorunu olacaktır. Onun çalışmıyor gibi görünüyor, bir sorunu tamir Diğer ile berbat. Kendi sorumluluğunuzdadır !!!

— TBS Büyücü
kaynak

3

En son sürümle, yukarıdaki çözüm hala işe yaramadı, özellikle böyle büyüteç önizleme sınıfını belirtmek zorunda kaldım:

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

— user73198
kaynak

Bu benim için 2.3.0'ın yeni yüklemesinde işe yaramıyor. Herhangi bir öneri?

— Rudy

1

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

Bu kod iyi çalışıyor.

Teşekkürler,

— Priya
kaynak

1

Originel magnifier.js'yi nerede bulabilirsiniz? Bu sorunumuz var ve Ultimo temasını kullanıyoruz. Ancak app / tasarım / frontend / Infortis / ultimo ne kadar uzak olsun. Tabii ki web / büyüteç / klasörleri oluşturabilirim ama nereden doğru magnifier.js'yi alabilirim?

Gidecek iyi bir örnek var mı? Teşekkürler

— Emile
kaynak

Orijinal magnifier.js MagentoRoot / lib / web / magnifier / klasörü altındadır.

— Nitin Vala