Product thumbnail image row length. More than three?

Harry_Johns
Tourist
18 0 1
    _initThumbnailSlider: function() {
      var options = {
        slidesToShow: 3,
        slidesToScroll: 3,
        infinite: false,
        prevArrow: '.thumbnails-slider__prev--' + this.settings.sectionId,
        nextArrow: '.thumbnails-slider__next--' + this.settings.sectionId,
        responsive: [
          {
            breakpoint: 321,
            settings: {
              slidesToShow: 3
            }
          }
        ]
      };

Hello all!

 

Been trying to get the thumbnails to display under our products in a row. Got the DIV in the right place but for some reason it's displaying only three images wide. I presume this is something to do with the theme.JS? I've found the code above and tried to adjust slidesToShow and SlideToScroll but this hasn't worked :( 

 

The image slider also dissappears when we move to mobile view... 

 

Any help appreciated!

 

 

Replies 2 (2)
tim
Shopify Expert
2925 143 1046

Harry, it does look like relevant code, but I would recommend to share a preview link to your theme, or a storefront (not admin!) password. 

One needs to see the HTML structure and CSS rules to help you.

Want to hire me to tweak a theme? Mail me at tairli@yahoo.com!
My post solved your problem? Like it!
Harry_Johns
Tourist
18 0 1

Hi Tim,

 

Great thank you! I've emaileed it to you as didn't want to send it publicly. Thank you! 

 

Harry