Changing slideshow effect in debut theme

[Kenrik]

I am currently using the debut theme and am using "slideshow" for the homepage. I would like the slideshow to slide from image to image continuously (e.g. like if you view photos on instagram and you can slide through photo to photo where it looks like it's stitched together). Is this possible to change the code from a fade to a slide?

Thanks in advance!

[KetanKumar · Accepted solution]

@Kenrik 

Thanks for post 

please check attchment 

 fade: true,
to
fade: false,

[Kenrik]

Thank you @KetanKumar it works!

[miq-cs]

Hi 

I believe this answer was valid when the Slideshow in the Debut theme was using jQuery. It seems it is built entirely different now and uses native javascript.

When searching for the fade option I only find: 

That when changed to "slide" it gives an error:

Could you assess on how to change the effect to sliding images, as opposed to fading ones?

Thank you!

[KetanKumar]

@miq-cs 

Welcome to the Shopify community!
and Thanks for your question.

Please share your site URL,
So I will check and provide a solution here.

[mgenest]

Hello,

I would also like an answer to this. Any help would be appreciated!

[miq-cs]

Hi Ketan, thanks for welcoming me to the community

I'm just playing around with the latest version of the Debut theme, so you can download it and see it from the source itself. When searching in theme.js this is what you'll find:

and as I said, if we change this option to 'slide' the following error appears:

theme.js?v=10501994053312240915:3791 Uncaught (in promise) TypeError: Cannot read property 'style' of null
at Slideshow._setupSlideType (theme.js?v=10501994053312240915:3791)
at Slideshow.<anonymous> (theme.js?v=10501994053312240915:3520)

Just to note that the within the same theme.js the class Quote is using this same configuration as the quotes become a slider when on mobile phone size screen:

[KetanKumar]

@miq-cs 

Thanks for more details yes, please check this 

https://kenwheeler.github.io/slick/