Updated to 4.5 and woocommerce shop page not showing product images

Hi! Same thing here!

The mouse changes cursor when I hover the products list area, but it’s all blank. And when I click one of the “invisible” products, it takes me to 404 error. The shop page is in: https://nigrashafo.com/obras-de-arte/

akanale,

The issue lies with the theme or one of its plugins. There’s a Javascript error which states:

Uncaught Error: Syntax error, unrecognized expression: [href=#undefined]

First, disable all plugins ( with the exception of WooCommerce ) and see if that solves your issue then turn them on one by one to find the culprit.

If that doesn’t solve your problem you need to contact the theme developer using their support docs to have them push out an update.

Hi, Howdy_McGee!

You pointed me in the right direction! Thanks!!

It turns out that the error you mentioned, had it’s source in the jquery.js file, located in /wp-includes/js/jquery.

The new version of jQuery that comes with WordPress 4.5 is v1.12.3. Din’t had time to debug the current version, so I just uploaded the previous version, v1.11.3, and the products are showing again.

s011420, hope this helps.

Hi,

Same issue here! Can you guys tell me step by step what to do please?

Thanks!

Kelly

hey akanale

could you provide the previous version of WP

@akanale
Please don’t override the core versions of jQuery, bad things will happen.

The problem in your case is a plugin (or your theme) is running some JavaScript code that relies on jQuery, but is written incorrectly and thus causing an error.

You should be disabling your plugins and then enabling them one at a time until the problem reoccurs to pinpoint which plugin is causing it.

@marius (Clorith): but now we have updated the WP and now the login page is not opening.

that’s the problem. what to do in this case.

@marius (Clorith) is 100% correct, do not edit core files ( specifically files in /wp-admin/ and /wp-includes/ ).

If your login page isn’t showing it may be beneficial to rename the /wp-content/plugins/ directory to something different, like /wp-content/dontload/ which will automagically disable all your plugins.

Usually in these cases plugins tend to be the culprit. If it does turn out to be the issue you can change the directory back to plugins and rename each folder one by one until you find the core issue.

If it is a theme then… time to get a new theme ??

In many situations, if you share your URL we can see exactly where the problem lies, but that does obviously require disclosing the URL and not having manually patched jQuery or similar.

For those wanting to play along at home and track down potential culprits, what I do is load up the developer tools (Right click “Inspect” in most cases) and click on the “Console” tab.

When the error occurs it will in most cases have a little drop-down arrow next to it which you can click and see which file originally invoked the command that broke everything (it’ll be near the bottom).

Of course this methods isn’t always available depending on how things were called etc, but you can usually check very quickly for troubles with that approach or just viewing the source of the page.

The same thing happened to me! I upgraded to 4.5 and lost my products on my shop page. I’m using the Storefront theme so you would think everything would have been compatible! I reverted back to the earlier version for now until there’s a solution.

Marius (Clorith)

Thank you for keeping the reason!! I know there is risk to override, but it was a desperate measure!

I’ve have rolled back to the original (new version), so you can take a look. My theme ( Atelier – Creative Multi-Purpose eCommerce Theme ) has released an update, but I’ll only install it at night ( -3GMT here ).

The error was found in the code inspector, by Howdy_McGee. https://nigrashafo.com

Thanks for the help!

EDIT:

Here’s a print screen with the error. The elements are there, but they don’t show up.

https://nigrashafo.com/wp-content/uploads/2016/04/print-error-products-list.png

I had the same problem with the exact same theme. I disabled YITH WooCommerce Wishlist and everything started working again for me.

@akanale
Yup, it seems this might be your theme doing it, it has a functions.min.js file which is calling a JavaScript code incorrectly, and thus causing issues.

You should look for a theme update, or contact the theme developers (www.swiftideas.com), do let us know if that doesn’t lead anywhere though!

Hi again!!

Theme update fixed the issue! Had to clear browser cache to see the changes…

All working fine now! Thanks to all for the kind assistance!!

Similar issue – after WordPress 4.5 I could not add anything to basket.

My theme (Divi) simply needed updating to version 2.7 to support the new jquery-ui.