簡體   English   中英

如何在移動設備上禁用JQZOOM

[英]how to disable JQZOOM on mobile device

有人可以告訴我如何在移動設備上禁用jqzoom,因為它不起作用

我正在使用prestashop 1.6謝謝

幾個月后有了答案,但這也許會幫助某人,(我正在使用Prestashop 1.6.1.9)找到文件product.js (在我的示例中為C:\\ xampp \\ htdocs \\ prestashop \\ themes \\ default- bootstrap \\ js \\ product.js ),在第153行找到jqzoom ,添加以下內容:

compensante = scrollCompensate();
if (($(window).width()+scrollCompensate()) >= 768) {
.
.
.}

例如:

compensante = scrollCompensate();
if (($(window).width()+scrollCompensate()) >= 768) {
    //set jqZoom parameters if needed
    if (typeof(jqZoomEnabled) !== 'undefined' && jqZoomEnabled)
    {
        if ($('#thumbs_list .shown img').length)
        {
            var new_src = $('#thumbs_list .shown img').attr('src').replace('cart_', 'large_');
            if ($('.jqzoom img').attr('src')!= new_src)
                $('.jqzoom img').attr('src', new_src).parent().attr('href', new_src);
        }
        $('.jqzoom').jqzoom({
            zoomType: 'innerzoom', // Default : standard - The others admitted option values are 'reverse','drag','innerzoom'
            xzoom: 400, //zooming div default width(default width value is 200)
            yzoom: 400, //zooming div default width(default height value is 200)
            offset: 21 //zooming div default offset(default offset value is 10)         
            title: false
        });
    }
}

注意:方法scrollCompensate()位於文件global.js

“ C:\\ xampp \\ htdocs \\ prestashop \\ themes \\ default-bootstrap \\ js \\ global.js”

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM