Changing slideshow effect in debut theme

Solved
Kenrik
Tourist
3 0 1

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
Shopify Partner
14170 1651 5100

This is an accepted solution.

@Kenrik 

Thanks for post 

please check attchment 

 fade: true,
to
fade: false,

Debut _ Shopify (2).png

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Kenrik
Tourist
3 0 1

Thank you @KetanKumar it works!

0 Likes
miq-cs
Tourist
4 0 1

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: 

miq-cs_0-1609699866800.png

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

miq-cs_1-1609699892813.png

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

Thank you!

 

KetanKumar
Shopify Partner
14170 1651 5100

@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.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
mgenest
Shopify Partner
9 0 3

Hello,

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

0 Likes
miq-cs
Tourist
4 0 1

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:

miq-cs_0-1609924388086.png

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)

 

miq-cs_0-1609924880188.png

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:

miq-cs_1-1609925004682.png

 

 

 

0 Likes
KetanKumar
Shopify Partner
14170 1651 5100

@miq-cs 

Thanks for more details yes, please check this 

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes