Jump to content

Autoresize bxSlider images


Recommended Posts

On Prestashop we use the bxSlider at the bottom of each product page, but if we watch the website on a mobile device it shows that images are not resizing at all.

If you look at for example on https://www.paardenkruiden.nl/bitloos-hoofdstel/1699-sidepull-bitloos-hoofdstel-linda-tellington-jones-lindell.html you can see that below the product itself the other products all have the same size. If you resize the screen the 'andere producten in dezelfde categorie:' images are resizing while 'Andere klanten bekeken ook de volgende producten' images keep the same size.

The code being used is within a .js file:

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,
    });

The slideWidth should be resizable. Thanks for the help.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...