WooCommerce 3.0.0 – Single Product page – Image not showing

[shantie]

Hi,

I am using the Genesis Connect plugin for WooCommerce. I just upgraded to WooCommerce 3.0.0 and the product image for the single product page is not showing up anymore. All the thumbnails are showing in the category pages, just not the image for the single product page.

I tried adding the following snipped to my functions.php but that didn't fix it.
add_theme_support( ‘wc-product-gallery-zoom’ );
add_theme_support( ‘wc-product-gallery-lightbox’ );
add_theme_support( ‘wc-product-gallery-slider’ );

What am I missing? Does anyone have a fix?

Many thanks!

http://www.patentartwork.com

[shantie]

So, after a couple hours of trying stuff, here is what I did for a fix until there is an update.

In style.css I added:
.woocommerce div.product div.images.woocommerce-product-gallery{
opacity:1 !important;
}

figure {
display: block;
margin-top: 0em;
margin-bottom: 0em;
margin-left: 0px;
margin-right: 0px;
}

It uses a lower res image size that the full image size that was originally loaded as the product image. 🙁

It seems as though WooCommerce would have a fix in 3.0.1 and/or Theme developers will have to add appropriate code to deal with the new product gallery image feature that came with 3.0.0

It's a workaround until ...

[shantie]

FYI for anyone reading this ... Got a response back from Nick. He said that all I needed to do was:

Add this to style.css
figure.woocommerce-product-gallery__wrapper {
margin: 0;
}

And this to functions.php:
add_theme_support( ‘wc-product-gallery-zoom’ );
add_theme_support( ‘wc-product-gallery-lightbox’ );
add_theme_support( ‘wc-product-gallery-slider’ );

Issue now closed and I've upgraded to WooCommerce 3.0.1 now. He also said that I still need Genesis Connect even though the theme I use (Genesis Sample Child) has some coded added for WooCommerce support.

Thanks again Nick!

[Author]

Posts