如何在移动设备上禁用JQZOOM

时间:2016-11-09 12:00:46

标签: prestashop-1.6 jqzoom

有人可以告诉我如何在移动设备上禁用jqzoom,因为它不起作用

我正在使用prestashop 1.6 感谢

1 个答案:

答案 0 :(得分:-2)

几个月后得到答案,但也许这会帮助某人(我使用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

<强>&#34; C:\ XAMPP \ htdocs中\的Prestashop \主题\默认的自举\ JS \ global.js&#34;