Support » Plugin: WooCommerce » WooCommerce 3.0 – Product Images Broken

  • Resolved throwninstone


    Since the 3.0 update product gallery thumbnails have turned into large fullsize images. The theme is the latest version of Canvas.

    Also happens with mystile theme.

    • This topic was modified 4 years, 5 months ago by throwninstone.
Viewing 9 replies - 16 through 24 (of 24 total)
  • 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:

    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() {

    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:,-swipe,-lightbox)-in-3.0.0

    • This reply was modified 4 years, 4 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.
    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?

Viewing 9 replies - 16 through 24 (of 24 total)
  • The topic ‘WooCommerce 3.0 – Product Images Broken’ is closed to new replies.