Hi @usmanraees
Thanks for reaching out to us.
I have checked the screenshot you have sent and also the product page and understood the issue you are having with. The Image on Zoom State is not showing properly due to the overlapping of CSS. You can use the following CSS code to make the Zoom image appear as the default does. Please copy the CSS code and paste it to Appearance > Customize > Additional CSS section.
.woocommerce div.product .xs_zoom_img div.images .shopengine-product-image .woocommerce-product-gallery__wrapper .zoomImg {
height: 1000px !important;
width: 1000px !important;
}
Let me know if that works or if you need further assistance in this matter. I will be happy to assist you.
Best Regards,
Prosenjit
It does thank you so much
Hi its not working now can you please check the page again I have added additional CSS?
Hello, @usmanraees
Hope you are doing well.
I have checked your site again and noticed that the CSS is not working currently. If any type of caching is enabled on your site, will you please try clearing the caches from your site and then try again?
If that also doesn’t solve the issue, then I have another solution for you. Please remove the CSS code I’ve sent you previously and use the CSS mentioned below. I hope it will solve the issue.
.woocommerce div.product .xs_zoom_img div.images .woocommerce-product-gallery__wrapper .zoomImg {
height: 1000px !important;
width: 1000px !important;
}
Let me know if that helps or if you need any further assistance. I will be happy to assist you.
Best Regards,
Prosenjit
After clearing the cache i have added your new CSS still not working?
https://paste.pics/9cede2250596dbd6735a691fdd4b911b
Hello, @usmanraees
Hope you are doing well!
If the CSS still not working, then Kindly create a ticket at our support center for further inspection. You will find the link to our Support Center on the Description section of the Plugin Details page(named Support)
We will check the issue properly and let you know a solution as soon as possible.
Best Regards,
Prosenjit
