You can see on the small thumbnail that the actual featured image is the one with the mug on the table besides the french press. Yet, the image showing is some other image from the gallery. Also, when hovering over sometimes, it zooms in on the image that should have been. And when you move the mouse away, it goes back to showing the wrong image. I can't figure this one out, so please help me.
Also, how can I turn off the zoom in on hover on single product pages?
I now found out that this is happening when there are variation images selected. The variation image of the default variation is hijacking the place of the featured image. So I just removed any variation images for now.
But I do want to know how to turn off that hover zoom thing as it's zooming way too much, and generally doesn't fit the feel of our store.
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
Hi, there's a bug with the primary single product image as you can see here: https://arkentype.com/product/arkenfam-mug/
You can see on the small thumbnail that the actual featured image is the one with the mug on the table besides the french press. Yet, the image showing is some other image from the gallery. Also, when hovering over sometimes, it zooms in on the image that should have been. And when you move the mouse away, it goes back to showing the wrong image. I can't figure this one out, so please help me.
Also, how can I turn off the zoom in on hover on single product pages?
I now found out that this is happening when there are variation images selected. The variation image of the default variation is hijacking the place of the featured image. So I just removed any variation images for now.
But I do want to know how to turn off that hover zoom thing as it's zooming way too much, and generally doesn't fit the feel of our store.
Hey Again,
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
.woocommerce div.product div.images .woocommerce-product-gallery img.zoomImg { display: none !important; }Thanks
ThemeNectar Support Team