Images appear fine in chrome, but when loading in Firefox or Explorer a style element on gallery that shows opacity style of 0 meaning it cant be seen.
This is the div responsible: class=“woocommerce-product-gallery woocommerce-product-gallery–with-images woocommerce-product-gallery–columns-4 images” data-columns=“4” style=“opacity: 0; transition: opacity .25s ease-in-out;”>
Opacity is 1 when looking from chrome.
Thanks in advance,
James
Hi James,
I checked your site and there is a Javascript error that is causing the issue:
To check for Javascript errors, please check here;
https://codex.wordpress.org/Using_Your_Browser_to_Diagnose_JavaScript_Errors
Kindly try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.
If the issue persists and you have some custom JS added on your site, kindly try removing the custom codes and see if the issue gets fixed.
Let us know how it goes!
Those errors appear to be centered around WP Fastest Cache, so start by disabling that and any other cache plugins.
Really odd, but after clearing the cache this morning it seems to of resolved and the transition to opacity:1 is working across all browsers.
Anyways, thanks for the help.
You’re welcome. Glad we’re able to help.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.