WooCommerce 3.0 – Product Images Broken

Thanks for reporting For the Cause, an update will go out early on Monday morning.

Thank you for your patience.

NO this is NOT fixed in Canvas!!
I have Canvas 5.11.4 installed and I put in all the above code and our gallery images STILL display as a long left column!!
It’s inexcusable and thoughtless that Woocommerce did not do better at migrating their themes.
We use a CHILD theme of Canvas and I added the add_action php code to functions.php and the css to our child theme css file and still NOTHING…!!
Thank you, Tom

The update for ‘For The Cause’ theme hasn’t appeared either!

I’m having the same issue with the MayaShop theme. See the website here:

https://www.fortuneproducts.com/product/light-my-bottle-mini/

What can I do to fix this?

I can confirm that Canvas (And also my child theme) has been updated (Version 5.11.4) and is working correctly. If it doesnt work for you, then disable your child theme and see if it works with the canvas only theme. If it does, then please contact your child theme supplier (HappyFhantum).

To add/remove theme gallery support you need to add this code to your theme:

// Use the after_setup_theme hook with a priority of 11 to load after the
// parent theme, which will fire on the default priority of 10
add_action( 'after_setup_theme', 'woocommerce3_gallery_theme_support', 11 ); 
function woocommerce3_gallery_theme_support() {
   ADD DESIRED CODE HERE
}

The DESIRED CODE can be this:

add_theme_support( ‘wc-product-gallery-zoom’ );
add_theme_support( ‘wc-product-gallery-lightbox’ );
add_theme_support( ‘wc-product-gallery-slider’ );

remove_theme_support( ‘wc-product-gallery-zoom’ );
remove_theme_support( ‘wc-product-gallery-lightbox’ );
remove_theme_support( ‘wc-product-gallery-slider’ );

For example, to remove the zoom option in the canvas theme:

add_action( 'after_setup_theme', 'woocommerce3_gallery_theme_support', 11 ); 
function woocommerce3_gallery_theme_support() {
  remove_theme_support( 'wc-product-gallery-zoom' );
}

Nore info here:
https://github.com/woocommerce/woocommerce/wiki/Enabling-product-gallery-features-(zoom,-swipe,-lightbox)-in-3.0.0

• This reply was modified 7 years, 10 months ago by edwinhamers.

Hi there,

Since the upgrade product page images are off-kilter and misaligned. I am running a child theme of WooCommerce Dante.

Please take a look and advise how to fix.

https://www.soulsign.com/store/astrology-products/conjunctequal
Thank you

Hi everyone.

I’d like to ask that if you are using Canvas and/or For the Cause, the best place to report possible errors is in the official WooCommerce support channel, not here. Both of those are paid for themes, so you are entitled to log a ticket and get the best support possible from our team.

I can confirm that Canvas version 5.11.4 and For The Cause version 1.1.16 both fixed the incompatibility issues, but if there are any further issues we’d be happy to help and investigate further.

Thanks again,

i am using the lastest storefront version but it seems the photo is still not showing?

Anyone with the solution for Mayashop theme?