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

I had this behavior in case of thumbnails. First I had set product image size in listings in woocommerce to 450×450 px but not cropped. In shop category listings image showed correct in 450×150 px, because original uploaded image has dimensions of 1500×500 px.

On single product page image was shown as 120×40 px and scaled up to 450 px width and highly blurred. Hmm …

Than I did a regenerate thumbnail for this image after I set in woocommerce image size to 450×450 px but with cropping. In listings the image displayed correct with 450×450 px cropped. But …

on single product page image now showed up as 150×150 px and scaled up to 450 px width and a bit blurred.

This is not what I expected. Someone else may has something to do on this.

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

@mensmaximus I should have said “restore the old plugin version from backup”. But in any case, every webdev should do backups right before major (plugin-)updates and check the outcome. If its not ok, you can and should restore the backup. If too much time has passed and things have changed since then (and this shouldn’t be) you can restore just the plugin.
Creating a child theme is not the right recommendation for people who haven’t done so right from the (development) start, imho.

@mensmaximus I did ONLY what you suggested and the images are still not showing up. Was I supposed to do something else also?
DISREGARD THIS POST! I had a typo in the directory name. Everything is back! Thanks for the information.

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

Digging a bit deeper into this issue reveals the main problem is within Enfold creating its own html code to display the product images. This code is incompatible with WooCommerce 3.0. The code is inserted in /wp-content/themes/enfold/config-woocommerce/config.php line 1423 using the woocommerce filter ‘woocommerce_single_product_image_thumbnail_html’.

You can remove that filter to get the native woocommerce 3.0 product image display by adding the following function to a child themes functions.php:

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

@yigit as a quick solution your developers can load the two filter hooks in /wp-content/themes/enfold/config-woocommerce/config.php only if the woocommerce version is lower than 3.0.0

global $woocommerce;
if( version_compare( $woocommerce->version, '3.0.0', "<" ) ) {
	if(!function_exists('avia_woocommerce_post_thumbnail_description')) {
		add_filter('woocommerce_single_product_image_html','avia_woocommerce_post_thumbnail_description', 10, 2);
		function avia_woocommerce_post_thumbnail_description($img, $post_id){
			...
			return $img;
		}
	}
	if(!function_exists('avia_woocommerce_gallery_thumbnail_description')) {
		add_filter('woocommerce_single_product_image_thumbnail_html','avia_woocommerce_gallery_thumbnail_description', 10, 4);
		function avia_woocommerce_gallery_thumbnail_description($img, $attachment_id, $post_id = "", $image_class = "" ){
			...
			return $img;
		}
	}
}

This will solve both issues. The missing and blurred images.

I had this problem after updating woocommerce so I did the hack as instructed by mensmaximus but now my website isn’t coming up at all. Nothing works. At first the images were just blurry so I found the suggested fix for that in this thread and I went into the functions.php file of the child theme to fix that but that’s when everything went down. And now nothing. This is a client’s site and she isn’t happy. What now? I am thoroughly disgusted. I had high hopes for this theme but at this point it has been a pain in the butt and I don’t think I’ll be using it again. If something is going to break everytime we update, I’m going to lose my butt on this project and I still don’t know where the heck the shipping and handling section of woo commerce disappeared to? Any ideas why my website would disappear? I’d love to restore the backup but unfortunately I can’t get into it. http://www.enterprisemgt.com

I was able to have my host restore an a backup of my site from this morning and I am able to get into it now. Unfortunately I do not have any images on the single product pages and since the fix that @mensmaximus recommended crashed the site I’m not going to attempt that again so I’m not sure what the fix is @vic98 There are some suggestions in this thread that some people have tried and had success with but I haven’t had any luck with the.

@mensmaximus Thank you so very much the addition of that code into the child theme’s function.php worked beautifully. Big hug and a Oorah!
For those of you that are a bit like me – a designer rather than a coder, here’s how the php looks – as I was unsure where to place it – yeah I know … but learning more and more everyday :)

<?php

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

function my_backlink ( $link )
{
return ”;
}

add_filter( ‘kriesi_backlink’, ‘my_backlink’, 10, 1);

Thanks for the quick fix!
I already had a child theme, so adding indeed:

function avia_woocommerce_gallery_thumbnail_description($img, $attachment_id, $post_id, $image_class ) {
return $img;
}
function my_backlink ( $link )
{
return ”;
}
add_filter( ‘kriesi_backlink’, ‘my_backlink’, 10, 1);

…worked immediately like a charm (regarding the image problem)
And don’t forget to clear your cache (browser and cache plugins)

Agree.
Perfect!

@mensmaximus your solution worked great for showing the product image but I am using product bundles for product variations and no images show. Any ideas there?

I am not using a child theme and don’t have a someone to help me with this issue. That’s the reason I bought and used Enfold – for its flexibility and intuitive use and has worked well – until now.
So, I am not interested in a quick fix and anyway I see that some have tried it and didn’t work.

Should I understand that Enfold theme is not being supported like it used to be?

@mensmaximus: Let’s say it works 90%. Because if you have product-variants with different images, your fix seems not to change the images when the buyer changes the variant (like it did with the previous version).
But absolutely better than without your fix.

The following solution removes Enfolds custom functions for the image display of products and variations to restore the new image display starting from WooCommerce 3.0.0.

• It is save to use with any version of WooCommerce.
• It is intended to be used with Enfold version 4 to 4.0.5 only

If you do NOT have a Child Theme

1. Download https://mensmaximus.de/dokumente/enfold/enfold-child.zip
2. Login to wordpress and select Appearance -> Themes in the admin menu
3. Click on ‘add new’ (top left of the theme page)
4. Click on ‘upload theme’ (top left of the theme page)
5. Click on the file select button and choose the enfold-child.zip file from step 1
6. Click on ‘Install now’
7. Activate the Enfold Child Theme after the installation has finished
8. Follow the instructions from http://kriesi.at/documentation/enfold/using-a-child-theme/

If you already have a Child Theme

Copy the following code block to the functions.php file of your child theme

/*
	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;
	}
}

Attention: If you feel you are not able to reproduce this steps hire a WordPress freelancer to do it for you. Point him to this posting and he will know what to do. It takes less than 15 min. for a WordPress professional to accomplish the job (including asking for ftp credentials and/or WordPress access).

Nag Nag Nag: If you do not want to use a Child Theme or if you are just in bad mood please feel free to keep that for you. No need to tell anyone. In this case just wait for an official update.

Support: This solution is provided by me and not Kriesi. I am not affiliated to Kriesi in any way other than you all loving Enfold. I have spent more than one day with trouble shooting and talking to the WooCommerce Development as well as extensive testing. If you use this solution please report back if it worked or not. Your feedback will help others to decide if they will give it a try too.

Hi mensmaximus, thanks for your patience and giving us this fine solution. Yes, it works as before. Thumbnail is sharp, lightbox works too and overlay is gone.

Now its up to kriesi giving us a working solution in case of the new gallery feature of WooCommerce.

Til then we use your simple code.

Thanks, Adrian