Google chrome failed to load resources on Variable Products

Ensure the correct cart and checkout page is set in Woocommerce > settings > checkout.

All pages are set, checked and double checked(also the ‘Terms’ page).

I even disabled the layout builder on the ‘Cart’ page so Woocommerce would recognize the cart shortcode on that page.

One other thing to note is that it loads perfectly fine on mobile devices. It is specifically and only in desktop mode in the latest version of Google Chrome that the issue is present.

The reason I said the setting was at fault is because if its not set, the scripts may not load.

Looking again though, there is a typo in your content directory https://catkeers.com/wp-contgnt/plugins/woocommerce/assets/js/frontend/add-to-cart.min.js?ver=2.5.5

Has this been set manually in your config file?

As far as I can tell, it’s not in the config file. Is there somewhere specific I should look in the database or the WordPress files to troubleshoot this? Other than the config file that is.

Thanks again for the help,

Jake

It can be done by code (filters) or in wp-config.php. It could also be a typo if resource urls are hard coded into header.php

I’m having a lot of trouble finding anything related in the theme’s header.php file or the wp-config.php file. I don’t know php very well however. Assuming that you can hard code them into the header.php file or the wp-config.php file, could I try to do that for the correct links to ensure the proper resource urls are loaded?

That would be a bad idea to be honest – you’ll get issues if those resources change in future versions.

Anyhow, I was on mobile before. The resource URLs are fine on your actual site. They change when the JS runs for some unknown reason.

https://catkeers.com/wp-content/plugins/woocommerce/assets/js/frontend/cart-fragments.min.js?ver=2.5.5 Loads fine.

There is the correct URL: https://dl.dropboxusercontent.com/s/83s5fwrg23skk19/2016-04-18%20at%2009.50.png?dl=0

After adding to cart (this worked) the error went away and changed to something else – is there caching on this site which needs clearing?

The other issue is this resource is insecure:

https://dl.dropboxusercontent.com/s/efszztoreoqymuc/2016-04-18%20at%2009.52.png?dl=0

That needs fixing in the theme or markup to use HTTPS or a relative URL.

I fixed the mixed content and google fonts https issue. I called my web host(godaddy) and they do not use any caching plugins or services both behind the scenes and within the admin panel.

I cleared the CSS cache on Max Mega Menu however I don’t believe that this would have been the issue. The same issue still occurs. That is the only WordPress plugin that has caching functionality that I have installed on this website.

My plugins are as follows:

Akismet
Max Mega Menu
Post Thumbnail Editor
Woocommerce
Woocommerce Amazon Payments Advanced Gateway
WooCommerce jQuery Cookie Fix
WooCommerce Nested Category Layout
WooCommerce Smart Coupons
WooCommerce Stripe Gateway
WooThemes Helper

Do you know if I’m wrong about the caching functionality in any of these?

I don’t get the issue on chrome, just safari now. On safari it’s still https://catkeers.com/wp-contgnt/plugins/woocommerce/assets/js/frontend/add-to-cart-variation.min.js?ver=2.5.5

Pretty sure godaddy do offer cache, but no. I’ve never seen something rename wp-content like this so it must be specific to your install or setup.

Looks like I made a mistake in trying out other themes. I just disabled all plugins and enabled Twenty Fifteen and then re-enabled all plugins and it works just fine in Chrome. I still get the issue in chrome when the theme is enabled. I’ll get in touch with our theme’s support and try and get this resolved.

Thanks so much for the help Mike and sorry to waste your time.

Very Appreciative,

Jake Saavedra

Ok. let us know what it was!

Hey Mike,

A little update here.

I just solved the issue. It turns out it had nothing to do with the theme. Contacted my theme support and they referred me back to the Woocommerce guys which was no help.

I did a ton of digging through support threads and found something similar that referenced the .htaccess file so I checked mine and found that an old plugin’s code was still present in the file. Here’s what it was:

# BEGIN HTTPS Redirection Plugin
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{HTTPS} off
RewriteCond %{REQUEST_URI} checkout [OR]
RewriteCond %{REQUEST_URI} cart [OR]
RewriteCond %{REQUEST_URI} my-account
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]
</IfModule>
# END HTTPS Redirection Plugin

After deleting this code it seemed to do the trick on both Chrome and Safari.

I don’t know why this was the issue and it was really just a lucky strike but hey! Ring a Ding!

Glad to have it resolved!

Thanks again for all the help! In the long run it helped me narrow down the issue!

Jake