[英]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.