Product images not showing since 6.1.0 update

Hi @kingfisherdrones

There is a possibility that one of the plugins or Elementor itself is conflicting with WooCommerce thus leading to the issue.

I would first recommend that you check whether the issue persists when you change to a default WP theme like Twenty Twenty-One or Storefront and deactivate all plugins apart from WooCommerce. If this issue does not persist at this point, you’ll want to reactivate your theme/plugins one by one until you find the one causing the issue.

Here’s the conflict test guide for reference – https://docs.woocommerce.com/document/how-to-test-for-conflicts/

If the above test does not help find the cause of the behavior, please share a copy of your site’s System Status? You can find it via WooCommerce > Status. Select “Get system report” and then “Copy for support”. Once you’ve done that, paste it here in your response.

Having the same issue.
It’s to do with code what has been added to /assets/js/flexslider/jquery.flexslider.js file lines 246 – 253
jQuery erorrs on this part:

item = $('<img/>', {
load: function (el) {
el.currentTarget.width = el.currentTarget.naturalWidth;
el.currentTarget.height = el.currentTarget.naturalHeight;
},
src: slide.attr('data-thumb'),
alt: slide.attr('alt')
})

It doesn’t like the ‘load’ parameter defined as function. If that is removed, it starts working.
Tried on jQuery 3.6.0

Same problem.
I see the product image only if i delete the product gallery .
This occurred after 6.1.0 update

i @armandsdz
i deleted load but the problem remains

Same problem

Changed the contents of these files to the old version. The gallery is working. We are waiting for updates)
/assets/js/flexslider/jquery.flexslider.js
/assets/js/flexslider/jquery.flexslider.min.js

@oksana40 you are right
so it work

We are waiting for updates

So the problem is the woocommerce update, not any of the plugins, however to point out the problem does not occur on new products added, only on existing.
And this is for both the images and the drop down menus when on the product page

What is the easiest fix (without messing with code, as I am not good at that stuff)

How far away is woocommerce from applying a fix to this problem?

Hi there ??

We would like to check each case separately so that this ticket can be kept focused and tickets can be easier to search in general.

@kingfisherdrones

Can you confirm this also happens with only the Storefront theme and WooCommerce enabled?

If yes, can you share your system status report? You can find it via WooCommerce > Status. Select “Get system report” and then “Copy for support”. Once you’ve done that, paste it here in your response.

Cheers.

@oksana40 Can I ask the details of the change you have made?

Where the file is located, what it needs to be changed too?

Thanks

Hi
Also have this problem.
Before checking if Elementor is conflicting (checking for conflicts requires site not working for x minutes or hours) I would like to ask where to get old files of
/assets/js/flexslider/jquery.flexslider.js
/assets/js/flexslider/jquery.flexslider.min.js
to change them.

• This reply was modified 3 years, 2 months ago by johntunnel.

@kingfisherdrones
The files are in this path
/wp-content/plugins/woocommerce/assets/js/flexslider/jquery.flexslider.js
/wp-content/plugins/woocommerce/assets/js/flexslider/jquery.flexslider.min.js
I copied their contents from the old version.
But this is a temporary measure. When you update, everything will be repeated from the beginning.

@johntunnel Usually hosts back up files once a day, look at the backups created on the day when woocommerce has not been updated yet, and pull these files from there.

Scroll to the bottom of this page to get the old version. Download 6.0.0 unzip and find the two files you need to replace in file manager

https://www.ads-software.com/plugins/woocommerce/advanced/

I also have the same issue so following this post for updates.

Using kadence theme wp rocket, imigify for what it worth.

@thecandleboutique thanks!
It was not Elementor, but my theme.