自动调整大小的bxSlider图像

时间:2019-03-08 20:56:13

标签: prestashop bxslider

在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应该可调整大小。 感谢您的帮助。

0 个答案:

没有答案