Hi there,
In most cases, this kind of issue can occur if there is a conflict with a plugin altering the order and priority of scripts being run. Please note that the theme can be involved too.
I haven’t been able to replicate the issue on a fresh install, so I suspect the problem may be related to a compatibility conflict with one of your active plugins or theme.
To test if this is the case, can you perform the below steps:
1. Make sure all of your plugins are updated to their latest versions and see if the problem still persists.
2. Install and activate the [Health Check & Troubleshooting](https://en-au.wordpress.org/plugins/health-check/) plugin. This plugin allows you to troubleshoot your website without affecting any customers that may be browsing your website.
3. Go to Tools > Health Check > Troubleshooting tab > Enable troubleshooting mode.
4. When the page refreshes, at the top of the page, click on the toggle arrow beside `Available Themes and make sure a default WordPress theme is activated. (Such as TwentyNineteen or [Storefront](https://woocommerce.com/storefront/?aff=10486&cid=1131038)).
5. Go to Plugins. You'll see all plugins have been deactivated. Please activate onlyWooCommerce` core and the addon(s) you want to test.
6. If step 5 fixes the issue, reactivate each plugin one at a time, and then see if the issue pops up again. This will tell us which plugin is conflicting.
7. You can then click Disable Troubleshooting Mode at the top of the website to return back to normal.
Alternatively, you can choose to do this manually as per the following docs:
– https://docs.woocommerce.com/document/how-to-test-for-conflicts/
With the above test, we’ll be able to know if the problem is related to a compatibility conflict (as we’re not able to replicate it on a fresh install) and to get more information of any possible errors that are generated during this process.
If you don’t want to perform the above steps on your live site, you can clone your site to a staging environment, where you can test without affecting your users. If your host doesn’t provide staging facilities, a simple way to do it is using the free WP Staging plugin:
– https://wordpress.org/plugins/wp-staging/
Please let us know how you go with it and if you have any further information to share with us. We will be happy to help.
Hey Remi,
Sounds tedious but I’m going to create a staging site and give it a try. I’ll let you know the results.
I am using Astra for my theme and Elementor to build the page. Hopefully, it’s neither one of them causing the error.
Thanks
That sounds like a plan, keep us posted!
Update: It’s elementor pro that’s causing the issue. I’ve reached out to them and am waiting on a solution to resolve it.
Problem solved! I had to switch out the widget. I used a regular image with dynamic content instead of the woocommerce product image widget.
Glad it was a simple fix.
Thanks for your help Remi
