Disable transition slide effect on product gallery

Please post a link to your relevant page so its css can be examined.

Hi there,

This is my site: (the img sliding to appear)
https://jemitailor.com/san-pham/ao-so-mi-nam-chambray-japan-xam-da-co-nhon-tui-vuong/

And this is what i’m going head to: (the imgs do not slide, it’s fade)
https://www.thomaspink.com/product/poplin-button-cuff/10500028B1X

I think you’ll need to keep the transform: translate3d(...) style because its that which causes the images to change. The slide effect is caused by the transform-duration: 0.9s style. So to set it to 0 for an instantaneous change you would use:

body .product_layout_classic .woocommerce-product-gallery__wrapper {
 transition-duration: 0s !important;
}

Fade would work by changing the opacity over say 0.5s and would be a bit tricky.

Wow what a great solution i didn’t think of.
Setting transition-duration: 0s seem pretty good for me. But make it fade would be perfect. Can you help me with it?

There seems to be some fade in and out already. I can’t improve on it.

Oh very thank you for take a look for me. But i figured it out. Thanks again.