PS 9.0 Hummingbird theme stopping the autoslider on product page

[CynthiaC]

Hello, using Hummingbird on PS 9.0 - I want to stop the main image on the product page from sliding non-stop automatically. Its annoying, especially on the mobile version.  I want it to continue to slide, but just not automatically. Does anyone know where/how to adjust this is in the .tpl or CSS?  

Appreciate the help !

 

[El Patron]

Locate the carousel script

Open this file:

/themes/hummingbird/assets/js/theme.js

Search for code similar to:

$('.product-cover .swiper').each(function() { new Swiper(this, { loop: true, autoplay: { delay: 4000, }, // other options... }); });

Disable autoplay

Comment out or remove the autoplay block, or set it to false:

autoplay: false,

Example final config:

new Swiper(this, { loop: true, autoplay: false, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev' }, pagination: { el: '.swiper-pagination', clickable: true }, });

[CynthiaC]

Thanks for the quick reply - 

Unfortunately, I couldnt find this ,or anything like this, in the  file theme.js, in Hummingbird ... 

[El Patron]

1 hour ago, CynthiaC said:

Thanks for the quick reply - 

Unfortunately, I couldnt find this ,or anything like this, in the  file theme.js, in Hummingbird ... 

Your welcome, I checked a dev 9.0.1, but expect same as 9.0.0. 

[CynthiaC]

Hi again, yes I found this file - but I cannot find the script you mentioned above - tried searching autoplay, auto, swiper .. anything

[Andrei H]

Hello,

This is a bootstrap carousel, not a swiper one.

You can edit the following file: themes/hummingbird/templates/catalog/_partials/product-cover-thumbnails.tpl and on line 11, replace

data-bs-ride="carousel"

with

data-bs-ride="false"

If you have Template compilation set to Recompile templates if the files have been updated or Force compilation, the changes should be visible on page refresh. Otherwise, you will need to clear the cache.
 

Edited yesterday at 03:16 PM by Andrei H
Updated for product page (see edit history)

[El Patron]

3 hours ago, CynthiaC said:

Hi again, yes I found this file - but I cannot find the script you mentioned above - tried searching autoplay, auto, swiper .. anything

my bad!  I am sorry for providing incorrect answer above, let's try this

 

here is where change needs to take place

https://app.screencast.com/SyusJDfc03CtI

update with: data-interval="0"

clear cache

 

 

 

 

 

[CynthiaC]

Guys ! You are heroes.  both answers worked for me

thank you