Enfold Theme…WooCommerce Product Images not showing as of 4-4-17

Thank you @mensmaximus, I am waiting for the host to get the site up again and I will contact you.

Hi, mensmaximus,

Thanks so much for your generous support. I followed your steps…et voila! Problem solved. So easy. Much appreciated!

Thanks again.

@ismael, @john please forget about the CSS. This is NOT the problem and it does not solve the main issue. I have described the problem in detail here and recommended a solution for your developers here.

If you need more information just tell Kriesi to contact me. Again: the core issue for the missing image in enfold will not be fixed with any woocommerce update (at least according to my conversation with Mike Jolley) because the filter hook used in Enfold to display the image does not exist anymore.

@georgecornelius it is not cured at all. See my post above yours. The fix in Woo 3.0.1 does NOT address the issue in enfold. It is just an coincidence. Simple test: Create a variable product with two or more variations. Give each variation its own image. Now open the product in the single view in the shop and select the different variations. The image will not change. Apply my fix and the images will change. Enfold needs to fix this for them selves – WooCommerce won’t.

Another small update to Woocommerce 3.0.1 which causes the same error, so doing the same steps as @mensmaximus explained before worked again.

@yigit are you guys working on a fix?

Antonio

@freepixelweb solution explanation

thank you @mensmaximus!

@georgecornelius if you followed this instructions and you had no child theme before you would not need to create any directory at all. If you already have a child theme you would only add the code as described. So I am not sure where you want to create a directory and for what reason.

@mensmaximus – Sorry I must have missed something – I am following your instructions here – I have a child theme which has a woo 3.0.1 plugin – I have found the 2.6.14 Template PHP for single product – but do not have or now how to create a single file directory

As a temporary fix for the product image issue on single pages do the following:
1. Create a child theme for Enfold (if not already done)
2. Create a directory within the child theme directory named ‘woocommerce’ (if not already exist)
3. Create a directory within this woocommerce directory named ‘single-product’ (if not already exist)
4. Download woocommerce 2.4.16 from https://downloads.wordpress.org/plugin/woocommerce.2.6.14.zip
5. Unzip the file and copy the file /woocommerce/templates/single-product/product-image.php to single-product directory created in step 3 above
You have now successfully overloaded the new product-image.php with the former version. Enfold is currently not aware of the changes in product-image.php within woocommerce version 3.0. Until Enfold can deal with the extra classes and styles added to the ‘image’ container in woocommerce 3.0 overloading is the most effective way.

Thanks again

@mensmaximus – Hi OK I have done everything as suggested entered the fix into the functions on the child theme and now crashed the site Error 500 – now I am in deep s… – how about I just leave it as was until a new update comes – in the interim period any ideas how to get me site back please http://www.muebles43.es ? Thank you
/*
Woocommerce 3.0.0 Compatibility Fix
Remove Enfold’s custom functions that conflict with the new image display in WooCommerce 3.0.0
*/
global $woocommerce;
if( version_compare( $woocommerce->version, ‘3.0.0’, “>=” ) ) {
function avia_woocommerce_gallery_thumbnail_description($img, $attachment_id, $post_id, $image_class ) {
return $img;
}
function avia_woocommerce_post_thumbnail_description($img, $post_id){
return $img;
}
}

@mensmaximus – I would like to say thanks for the Theme child zip and instructions. I downloaded it and was just about to try and follow your instructions today, but after the woo 3.0.1 update the single product images are partially restored – blurred but better than nothing.

So you are right, we still need an update from Enfold.
Also the main shop page still displays the categories in gigantic letters – enfold team please release an update to fix these issues!

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

I have everything including variable images working by just using:

function avia_woocommerce_gallery_thumbnail_description($img, $attachment_id, $post_id, $image_class ) {
    return $img;
}

function avia_woocommerce_post_thumbnail_description($img, $post_id){
    return $img;
}

in my functions.php file.

I am not using a woocommerce folder in my child theme.

Would there be a reason to Maximus?