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
The topic ‘Transparency on Product Image on mouseover’ is closed to new replies.
.
