Products images cant be previewed

Hi @hfizaazizi,

Sorry to hear about the issue you are experiencing. I attempted to reproduce your issue with my test site running the latest version of WooCommerce and Botiga, but can’t, everything looks normal on my test site.

Are you running the latest version of WooCommerce?

I did inspection the source code of your product image with web browser’s inspector tool, looks likely the image width and height are changed to 1px and indeed it blocks its visibility. I can confirm that Botiga doesn’t do that. Perhaps you are getting special case caused by third-party script. To verify this, you may recreate a new test site if you can, create product, and assign image gallery.

Meanwhile, you’d probably be able to rectify your issue by adding this simple CSS code:

.woocommerce-LoopProduct-link .attachment-woocommerce_thumbnail,
.woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image img {
    width: auto !important;
    height: auto !important;
}

Add it to Appearance > Customize > Additional CSS from dashboard.

Hope this reply helps.

Hi again

Thank you so much , the code worked!

but there is a little problem still left! when i click on the product image to zoom it or preview it , it cant be previewed! the images gallery dont work when you click on them , i will show you a screenshot for better explanation https://prnt.sc/46Gc-qwAFCsU

Is there any way that i can reset the images setting to default? because when i first used Botiga theme i didnt have these issues, everything was working perfectly! but now things are missed up!

i dont want to restore to the last backup, because i set a lot of plugins and apps, so is there a way to reset only the theme settings? and do you think it will help?

Thanks again

Hi @hfizaazizi,

Thanks for getting back!

Glad to hear the code worked.

Is there any way that i can reset the images setting to default? because when i first used Botiga theme i didnt have these issues, everything was working perfectly! but now things are missed up!

I am not sure. Sorry ??

At the time being, tracking the source of such this kind of issue is a little tricky. But I noticed that Elementor’s lazy load is enabled on your site. I am wondering that disabling it would fix your issue. To disable it, go to Performance tab in your Elementor’s settings panel. Once disabled, do not forget to clear cache.

and how to remove this? when i type my storre url a notice or a notification show. how to remve it? check the screenshot please < https://prnt.sc/r5UAn14dsi-T>

Hi @hfizaazizi,

and how to remove this? when i type my storre url a notice or a notification show. how to remve it? check the screenshot please < https://prnt.sc/r5UAn14dsi-T>

To remove that, go to your Merchant’s enabled module under the Dashboard > Merchant menu, choose ‘Inactive Tab Message‘ module if you can see it.

thank you soooooooooo much it was helpful