How can I modify scrolling on Venture Theme product images?

[guyv]

Hi!

Please can someone assist me.

I am using the Venture theme. In the media section on the product page, there is a button to scroll. If you click this button then it scrolls to the next set of 3 images. I would like to change this so that if you click the button then it scrolls to the next image (not the next set of 3 images). See screenshot below.

https://electricrideco.com/products/eunorau-g20-cargo-48v-500w-mid-motor-dual-battery-cargo-electric-bike

Thanks!

[tim_1]

There is this code in your theme.js Asset:

$productThumbsWrapper.slick({
          accessibility: false,
          arrows: true,
          dots: false,
          infinite: false,
          autoplay: false,
          slidesToShow: 3,
          slidesToScroll: 3,
          vertical: true,
          verticalSwiping: true,
          nextArrow: nextArrow,
          prevArrow: prevArrow,
          responsive: [
            {
              breakpoint: this.settings.smallBreakpoint,
              settings: {
                vertical: false,
                verticalSwiping: false
              }
            }
          ]
        });

You should replace slidesToScroll: 3 with slidesToScroll: 1 .

[guyv]

@tim_1

Hi Tim,

Thanks so much for your help!

Your solution has solved part of my problem but I would like the main display image to also change when the button is clicked (see screenshot below).

Can you assist with this?

[tim_1]

It’s possible to achieve, but looks like it’s too much changes for the forum post.

[guyv]

@tim_1 I will send you a DM.