Product grid hover gallery transition is too fast, need to slow down or add fade

We are using the WoodMart theme and have noticed an issue with the product hover gallery animation on our product listing pages.

Each product has multiple images, and on hover/mouseover, WoodMart correctly displays the rest of the product gallery images using the default hover slider. This functionality itself is working as expected.

However, the image movement/transition speed is extremely fast, which creates a harsh and distracting user experience. The images slide very quickly between each other, making the hover interaction feel abrupt rather than smooth or premium.

I’d like to know:
1. Is there a theme option or setting to control the hover gallery animation speed?
2. Is it possible to slow down the transition duration of wd-product-grid-slide?
3. Does WoodMart support a fade transition instead of the default sliding animation for product hover images?
4. If this requires a CSS or JS override, could you please advise the recommended and supported approach?

Our goal is to achieve a slower, smoother transition (or a fade effect) while keeping the hover gallery feature enabled.

Looking forward to your guidance.

Helo,

Sorry to say there is no theme option to control the hover gallery animation speed. This is the way it works. You can check the same effect on our demo too.

https://woodmart.xtemos.com/megamarket/

Best Regards,

Alright, understood.

Could you please advise which plugin or JavaScript file is responsible for this slider? It would be very helpful if you could provide the complete file path as well.

I would like to try adjusting the transition speed directly from the source file (plugin or script), if possible.

Looking forward to your guidance.

Hello,

The hover gallery is controlled by the following theme file:

/js/scripts/wc/imagesGalleryInLoop.js

Note: All the customizations made in the theme files are at your own risk.

Best Regards,

[Author]

Posts