Transparency on Product Image on mouseover

Hi,
Im uploading my product photos with transparent background, in that way i have a fantastic result, for example, when i search products, the product image results appears in the dark background, very nice.
On the contrary, in the product page when i mouseover the product image and activates the zoom effect: if the product image have transparent background i still see the original image behind, and if the product image have white background it works fine, but in the search results its not beautiful. Can you give me a solution for this?
I attached some images: the product CSL RESERVA have white background and CSL MERLOT have transparent background.
Thanks,
SR

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

.woocommerce-product-gallery__wrapper .zoomImg[src$=".png"],
.woocommerce-product-gallery__wrapper figure {
  background-color: white;
}

Best Regards

That’s it.
Thanks for the great support!

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts