Essential grid - Reinstall

Hi!

Today when I was about to edit my essential grid, the buttons didn’t work and the pictures aren’t showing up as usual. I think that it has to do with my minify tweakings on the CSS and JS (Via W3 Total Cache).

What I´ve done so far is to erase the minifying for what I saw was “Essential Grid” stuff. But it still doesn’t work.

Is it possible to save my work and Reinstall the plugin? Or is there another way?

P.S
I have tried to deactivate all my cache plugins.

Best regards

Hi,

To reinstall you may deactivate and delete essential grid plugin in the plugins page.

Then install it back via X> Validation

Make sure to backup your site first before doing this.

If you suspect w3tc is causing the issue, you can try clearing it’s cache and deactivate it. Then check if buttons and pictures will show up as before.

Thanks

Hi mate,

Thanks for your answer. I tried to reinstall the plugin but it did not work.
So I thought for a while what I’ve done to speed optimize my website and I realized that GTmetrix wanted me to combine all the JS into one document. Location: /wp-content/plugins/cornerstone/assets/dist/js/site/cs-body.js

I used cs-body.js to combine all the JS into. Somehow I discovered that the document had been put automatically to the “plugins-old” and that a new cs-body.js had been generated and was active. So I copied and pasted and Voila…

What a relief.

Have a nice weekend!

Hey @peternordlund,

It’s good to know that you have figured out a way to resolve your issue.
We really appreciate for informing us. If you need anything else we can help you with, don’t hesitate to open another thread.

Best Regards.

1 Like

Hi @RueNel,

Thanks for your input you make me feel comfortable in these situations.
Now I have done it again. Same outcome as before when I started this thread. I have also tried to do the same as I did when I solved it but this time: no cigar.

I do not understand what I am doing wrong, I’m tweaking with W3TC and everything works great with the website and the Essential Grid works great until I’m about to edit the pictures. It will not load the JS in the WordPress interface.

I have tried to deactivate the plugins and tried the older backup before I started tweaking but its still the same outcome. Now I’ve reached a dead end and as I can see I still have 2 cs-body.js in my file manager:
wp-content/plugins/cornerstone/assets/dist/js/site/cs-body.js
wp-content/updraft/plugins-old/cornerstone/assets/dist/js/site/cs-body.js

Can someone explain to me why this happends? I guess it has something to do with W3TC.

F.Y.I.

When I go into the both cs-body.js I can see the following warning (see attachment)

I Can see that it has generated old folders and old-old folders into my filemanager and alot of the JS scripts now contains errors like the attached picture.

I really have to tweak my website and I would love to get an answer of what I should not touch the next time…

Thanks in advance.

Best regards

Hi @peternordlund,

It’s not related to cs-body.js, and the one you’re seeing is from your backup (UPDRAFT) which isn’t active. But yes, it’s due to the optimization especially related to defer or render blocking optimization that combines them, and with async optimization that affects the correct loading order of the scripts. It’s the downside of optimizing a modular type platform (like Worpdress where themes and plugins are developed by multiple authors). The script dependencies are greatly affected.

Have you tried deactivating the optimization plugin to confirm it? And have you tried disabling minification and cache from logged in users?

Thanks!

Hello @Rad,

Thanks alot for your well written message and that you clearyfied it for me.

Yes I have tried to disable the plugin without success and I have also tried to disable minification for logged in users and also disable the cache for logged in users.

I think I have messed up badly this time… My website is: www.janpeternordlund.se
Now when inspect my website for the JS alot of errors shows up and I have no clue how to fix it.

My backup files doesn’t help me at all.

Best Regards

Hi @peternordlund,

It appears the files are now missing, example, https://www.janpeternordlund.se/wp-content/plugins/essential-grid/public/assets/js/jquery.themepunch.tools.min.js, and this too https://www.janpeternordlund.se/wp-includes/js/jquery/jquery-migrate.min.js which is one of Wordpress core files.

Could you try turning off your site’s CloudFlare? Maybe the files are okay but just being blocked since they are minified.

Please make sure to turn off these options https://support.cloudflare.com/hc/en-us/articles/200168196-How-do-I-minify-HTML-CSS-and-JavaScript-to-optimize-my-site- too. You can’t have multiple active minifications at the same time.

Thanks!

Hi @Rad,

I thank you humbly for your time and help. I have now re-added the files that were missing. I erased them because of GTmetrix recommended me to combine all the JS into one document. Luckily I saved the JS files before erasing them.

As you say about Cloudflare I haven’t minified via their interface if it’s this you mean:

I have a question about your reply. How and where did you conclude that those files where gone?

By the way, when I re-added the JS everything seems to work now. But still, when I inspect my code there are many errors that’s appearing. Should I care about them?

And in the future:
Do you have any good input for me what I should not touch when I´m trying to minify (ccs or js)?
Maybe you have some recommendations for a better plugin that would suit my intentions?

Thanks again.

Best Regards!

Hi @peternordlund,

Ah, you shouldn’t remove those files. The optimization plugin should do it automatically without a need for modifying the actual files.

And my recommendation is don’t use CloudFlare minification, please set that as is :slight_smile: and make sure to check the documentation of the optimization plugin that you’re going to use. I can’t provide any specific recommendation since it depends on their standard.

Have you tried Autoptimize plugin? Please restore all the deleted files and try that plugin. Please check this https://dev.daanvandenbergh.com/how-to/pagespeed-pingdom-w3tc-autoptimize/3/

Thanks!

1 Like

Hi @Rad,

Thanks for your reply. Your information is very appreciated.
By the way, It seems that Essential grid plugin only works on my main computer. It’s still the same problem with other devices. I Can see when I press F12 that there is alot of errors generated for my website and a few of them is Essential grid.

F.Y.I.
I have tried to clear the cache and memory on my other devices and tried other browsers but it’s still the same result.
Also when I use my computer and log in with Incognito on the same browser or using other browsers on my computer its the same result as the other devices.

Thanks!

Hi @peternordlund,

Clearing browser cache has no effect on any cache within the server. The errors is because there are still missing files, example https://www.janpeternordlund.se/wp-content/plugins/essential-grid/public/assets/js/jquery.themepunch.essential.min.js. I recommend restoring your site to its previous state when files are still present.

https://www.janpeternordlund.se/wp-includes/js/jquery/jquery-migrate.min.js
https://www.janpeternordlund.se/wp-content/plugins/contact-form-7/includes/js/scripts.js
https://www.janpeternordlund.se/wp-content/themes/x/framework/dist/js/site/x.js
https://www.janpeternordlund.se/wp-includes/js/wp-embed.min.js
https://www.janpeternordlund.se/wp-content/plugins/essential-grid/public/assets/js/jquery.themepunch.essential.min.js

Those are still missing.

Thanks!

1 Like

Hi @Rad,

I have re-added the files but some of them still contains errors and doesn’t want to be loaded.
These JS files that I have re-added are from before I started out optimizing.

https://www.janpeternordlund.se/wp-content/themes/x/framework/dist/js/site/x.js
https://www.janpeternordlund.se/wp-content/plugins/cornerstone/assets/dist/js/site/cs-body.js
https://www.janpeternordlund.se/wp-content/plugins/cornerstone/assets/dist/js/site/cs-head.js

Are they corrupt? How can I manage to fix these?

Thanks!

Hi @peternordlund,

This is still missing and it’s an important file

https://www.janpeternordlund.se/wp-includes/js/jquery/jquery-migrate.min.js

I’m not sure if they are corrupted, it’s best to restore all files to make sure it’s not affected. But, I checked your site and it’s now working, except for some error because of that missing core file.

Thanks!

1 Like

Hi @Rad,

Wow, thanks alot for your patience and help!

I think everything is working as it supposed to and my website is quicker than it was before. Wonderfull.

Thanks alot :slight_smile:

Best Regards!

You’re welcome!
We’re glad @Rad were able to help you out.

1 Like

Thanks @RueNel for your comforting words in the begining of the thread. It was a lot appreciated.

Your guys are awesome.

No problem.
If you need anything else we can help you with, don’t hesitate to open another thread.

1 Like

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.