在Prestashop上,我们在每个产品页面的底部使用bxSlider,但是如果我们在移动设备上观看网站,则表明图像根本没有调整大小。
例如,如果您在https://www.paardenkruiden.nl/bitloos-hoofdstel/1699-sidepull-bitloos-hoofdstel-linda-tellington-jones-lindell.html上查看,您会发现在产品本身下方,其他所有产品都具有相同的尺寸。 如果您调整屏幕大小,则“调整边框类型的andere生成:”图像将调整大小,而“ Andere klanten生成的像素”将保持相同的大小。
正在使用的代码在.js文件中:
if ($('#bxslider li').length && !!$.prototype.bxSlider)
$('#bxslider').bxSlider({
minSlides: 1,
maxSlides: 6,
slideWidth: 178,
responsive: true,
slideMargin: 20,
pager: false,
nextText: '',
prevText: '',
moveSlides:1,
infiniteLoop:true,
hideControlOnEnd: true,
});
slideWidth应该可调整大小。 感谢您的帮助。