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

@rfd1988 please follow my instructions in this thread

@mensmaximus, thanks but no idea how to do that – can’t i just ask hosting company to revert back to how website was yesterday
Hate these flippen updates – always some bug somewhere

@mensmaximus Thanks – The temp fix worked fine
However I left out the “template” in the child folder structure (had some emails templates etc.) that worked for me!
my path is:
\themes\enfold-child\woocommerce\single-product\product-image.php
I have other stuff in the “woocommerce” like archive-product.php for the plugin ‘Group-Pricing’ that also don’t work anymore after this update ;-(
Thanks again and lets hope Enfold team is on the ball as always!

Peter

.woocommerce-product-gallery {
opacity: 1 !important;
}

should be 100 not 1

.woocommerce-product-gallery {
opacity: 100 !important;
}

this worked for me until a proper fix / update works

yes but weirdly opacity:100 works – not sure why but it does! Thanks.

Please let us know the a solution once figured @enfoldteam, I can’t deal with this any longer! Thank you @mensmaximus!

@mrlreynolds, @nickgreaves 100 does the same than 1. 1 = 100%. In terms of opacity there cant be more than 1. I guess what happend is the 100 finally caused the css change to clear you browser cache. Anyway the opacity change just makes the image visible but with low resolution. Overloading simply restores the behavior in woocommerce 2.4.16. Shall everyone pick the solution that suites him best.

@SteffenKraemer usually there is no good argument against a child-theme as it will help solve many challenges and issues (like this one). But if you don’t want one you will have only the following options:

1. Use the CSS hack from this thread
2. Restore a backup from before the update and hope you got no new orders as those will vanish
3. Revert back to WooCommerce 2.4.16 manually
4. Wait for a WooCommerce or Enfold update

woocommerce/temlates/single-product/product-image.php -> Line 37 style=”opacity: 0; transition: opacity .25s ease-in-out;”
But that is not all. The resource for images is not correctly formed

Hi

It’s my first post here :)
For me it’s not an css issue but it’s on php file.
If you do hard core the opacity it will display the thumbnail image and not the main product image. So it’s getting a different image.
It’s better to wait for an Enfold update…

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

I’m having the same problem !! I really don’t want to have to use a child theme. Hopefully Enfold Team will come up with a solution soon.

Same problem on ALL of my clients sites – PLEASE UPDATE THEME ASAP

As I noted earlier, I’m having the same problem. If it helps, below are the software/versions I’m running;

PHP: 5.6
WooCommerce: 3.0.0
Wordpress: 4.7.3
Enfold: 4.0.5

I just had a conversation on slack with Mike Jolley (WooCommerce Developer at Automattic) and gave him access to a WordPress installation with WooCommerce 3.0 and Enfold. After a few minutes the issue has been located. Mike Jolley has already provided a patch for WooCommerce for an other issue which solves this one too. https://github.com/woocommerce/woocommerce/pull/13912. It will be included in the next update 3.0.1 of WooCoemmrce.

@0rca Restoring a backup will vanish any new orders, product changes/additions and/or customer registrations since the backup has been taken. Making people not aware of the risk to lose vital data is bad advice. Overloading templates on the other hand is not a bad hack. It is the recommended procedure to customize template. Whether to make things pretty or to circumvent a bug makes no difference.