Product thumbnail image row length. More than three?

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)
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!
My post solved your problem? Like it!
18 0 1

Hi Tim,


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