Woocommerce Image Bugs

Hey all,
i have to add a WooCommerce shop to a Blocs project and run in to two mayor problems:
first problem was that the box to add a product image to a product was missing, I found a little code snippet that when added to the functions.php would fixt this.

// Add theme support for Featured Images
add_theme_support(‘post-thumbnails’, array(
‘post’,
‘page’,
‘product’,
));

the second problem, wich I was not able to fix yet, is that on the product page the product image is not visible. The rest of the standard Woocommerce content is rendered just fine but not the product image.
does anyone got an idea how to fix this?

Thanks a lot!

ps: blocs is v.5.0.4 (plus), Wordpress v 6.1.1. Woo v7.3.0. - bug is related to blocs because I tested it with all other plugins deactivated and when switching to the Twenty Twenty-Three the bug disappears

@norm, this would be a great addition.

Update:
okay now its getting weird, the image ist there but somewhere a style that simply sets the opacity to 0 is added:

This is the div causing the problem:

<div class=​"woocommerce-product-gallery woocommerce-product-gallery--with-images woocommerce-product-gallery--columns-4 images" 
data-columns=​"4" style=​"opacity:​ 0;​​ transition:​ opacity .25s ease-in-out;​">​

the temporary fix is to add the following css to the theme css:

.woocommerce div.product div.images.woocommerce-product-gallery{
opacity:100!important;
}
1 Like