Debut Slideshow - how to prevent the slideshow from pausing

Solved
New Member
8 0 0

Is there a way to prevent the slideshow on Debut from pausing when the mouse pointer hovers over the images? I've removed the navigation slick dots from the bottom, but whenever the mouse pointer enters into the slideshow frame, it pauses. I want to keep it advancing.

 

My slideshow is just above the footer on my website http://www.traditionsengraving.com

 

Thank you!

0 Likes
Highlighted

Success.

Astronaut
1126 150 297

Go to Online Store > Themes > Actions > Edit Code on the theme you want to edit. You may want to do this on a duplicated theme instead of your live one, but the change is fairly simple. Open your assets folder and open theme.js.liquid 

 

You're going to be looking for a function called slideshow. So ctrl + f and search for this:

 

 

function slideshow(el, sectionId) {

 

 

Then scroll a little bit down where it says "this.settings"  will look like this:

 

 

    this.settings = {
      accessibility: true,
      arrows: false,
      dots: true,
      fade: true,
      draggable: true,
      touchThreshold: 20,
      autoplay: this.autorotate,
      autoplaySpeed: autoplaySpeed,
      // eslint-disable-next-line shopify/jquery-dollar-sign-reference
      appendDots: this.$arrows,

 

 

right underneath autoplaySpeed, you can add another setting called pauseOnHover and set it to false:

 

 

    this.settings = {
      accessibility: true,
      arrows: false,
      dots: true,
      fade: true,
      draggable: true,
      touchThreshold: 20,
      autoplay: this.autorotate,
      autoplaySpeed: autoplaySpeed,
      pauseOnHover: false,
      // eslint-disable-next-line shopify/jquery-dollar-sign-reference
      appendDots: this.$arrows,

 

 

be sure you include the comma after false. Save and check your store.

 

Should fix your issue.

If my solution helped you, please like and accept as solution!
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
1 Like
Highlighted
New Member
8 0 0

Thank you so much! Very easy to follow instructions and it worked perfectly!

0 Likes
Highlighted
Astronaut
1126 150 297

No problem, glad it helped. Feel free to reach out if you have any other questions.

If my solution helped you, please like and accept as solution!
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
0 Likes