Dear @Niddy,
We hope this message finds you well.
Could you kindly provide us with the URL of the page where the issue is occurring, along with a video demonstrating the problem? At the moment, we can see that most of the images on your shop page appear to be displaying correctly.
As we understand it, you would like the swap image to have custom dimensions and not be stretched to match the main image. If that is the case, you may consider using the following custom CSS to achieve the desired effect:
body .etheme-product-hover-swap-image {
position: static;
}
body .etheme-product-grid-image:not(:hover) .etheme-product-hover-swap-image {
opacity: 1;
visibility: visible;
display: none;
}
body .etheme-product-grid-image:hover img:has(+.etheme-product-hover-swap-image) {
display: none;
}
Please let us know if this helps or if you need further assistance.
Best regards,
The 8Theme Team















