How to pause slider on hover in a customized DAWN theme?

How to pause slider on hover in a customized DAWN theme?

hellolucy
Shopify Partner
6 0 0

Hi folks! Does anyone know how to make this section pause movement on hover (ideally pausing when the H2 testimonial title is hovered on)?

 

I've recorded a 90 second screencast demonstrating what I'm hoping to achieve:

 

https://www.loom.com/share/a933a79a4a8f41e89328cee4941c22f4?sid=1be30b6d-1867-45c9-95ed-58afa847a151

 

The website preview link is https://l7dujpw0voctlo5q-75125195053.shopifypreview.com

 

Thank you in advance for any guidance!

Lucy

Replies 5 (5)

SomeUsernameHe
Shopify Partner
495 54 99

What is the password for your website preview?

Have I helped? Consider putting coffee in my mouth!
Buy Me a Coffee
hellolucy
Shopify Partner
6 0 0

Oh my goodness I apologize!

password is: legacy 

 

and preview link that doesn’t expire is: https://legacycacao.myshopify.com/

with password legacy as well 

 

SomeUsernameHe
Shopify Partner
495 54 99

In that custom section, it looks like the slider is being controlled by a slider called "Swiper Slider". It does have an option called:

pauseOnMouseEnter: false,


You would need to look through your theme files find that section and change this line to:

pauseOnMouseEnter: true,


The issue is, the swiper slider has a lot of custom code and when I tried to use this option above on my test site, it didn't work. But maybe it will work on Shopify. 

Have I helped? Consider putting coffee in my mouth!
Buy Me a Coffee
hellolucy
Shopify Partner
6 0 0

it didn't work for me in shopify either 😞 I tried editing the marquee-slider.liquid file with your suggestion but it didn't work. thank you so much anyway for trying and taking the time. 🙏

hellolucy
Shopify Partner
6 0 0

for anyone who's able to help, the preview link that doesn’t expire is: https://legacycacao.myshopify.com/

password: legacy