Essential grid randomly doesnt display

Hi,

Ive set up a grid on www.shapecast.com/blog which works in preview but doesnt work when you go directly to the page.

It works as a shortcode randomly too. Currently its not working. I have no idea why.

Do you provide support for Essential Grid which is bundled with the theme? If so, could you provide any points whats going on with this intermittent problem please.

Thanks

Hi there,

I checked your website and there is a Javascript error regarding the ReCaptcha. If you have a plugin that use ReCaptcha please deactivate it and check the case. We are not the developers of the Essential Grid but as it is bundled with our theme we will do our best to help as much as our knowledge limits about the ins and outs of the plugin.

I suggest that you follow the troubleshooting steps below:

  1. Ensure everything is up to date according to our version compatibility list here. Please follow the best practices when updating your theme and plugins. Click here for more information.
  2. Test for a plugin conflict. You can do this by deactivating all third-party plugins, and see if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.
  3. Remove custom CSS and Javascript from the options or Child Theme and test the case.
  4. Make sure that the Blog page you are using is not set in Settings > Reading as if that page is set as the main posts page there, whatever you do in the Cornerstone will not show and the page will be rendered from a PHP template for the archive pages.

If you still have problems kindly get back to us with the URL/User/Pass of your WordPress dashboard using the Secure Note functionality of the post to follow up the case.

Thank you.

Hi,

We’ve removed the header which referred to the Recaptcha. The page then started throwing 500 Server Errors. I asked the ISP to investigate and they said it was a plugin (they removed the plugins folder and the page worked). So then I went through the process of deactivating each one and found out that Cornerstone is the problem!

Ive added login details. Would you mind taking a look and letting me know why Cornerstone would conflict with Essential Grid.

Thanks,

Hi there,

For some reason, the preview of that page was not working correctly in the Cornerstone. I switched to Skeleton mode by clicking the tiny icon in the left section and removed all occurrences of the Essential Grid element. Instead, I used the Classic Raw Content element and added the shortcode directly there and now the blog page is showing the grid.

Thank you.

Hi,

Thanks - isnt that a significant problem that a core bundled element doesnt work with Cornerstone? Has this been logged as a bug?

Also, the grid elements arent showing properly, theyre now littered with uninterpreted code. This isnt how the EssGrid looks natively when you preview in the grid component itself.

Is this part of the same issue?

W

Hey @wbc,

I see a report in our issue tracker regarding Essential Grid’s display in Cornerstone.

The loading issue and the code in the front-end of your blog page however are unusual. This would be hard to troubleshoot in your live site because it might break while we’re troubleshooting. Please copy your site to a staging server so we can deactivate all the plugins and find out if those are bugs.

Thanks.

Hi,

I dont have a staging server easily available Im afraid. Is there some way you can debug this with significant impact? I dont mind it being offline for a while.

Thanks,

W

Hi,

You can put your staging site in a sub directory of your existing site.

You can use this third party plugin to create staging.

For the mean time you can try importing essential grid demo and test it in a page in your site.

Hi,

Unfortunately that plugin doesnt work with the latest version of Wordpress. Sorry what do you mean import a demo? I have the plugin the bundled with the theme? Are you suggesting to disconnect that and use the public demo rather than bundled version?

Hi There,

In that case, if you can find a time here’s a guide for setting up a staging site. It is always helpful having a staging site for testing.

Paul’s suggestion is installing /importing a essential grid sample that is included even on bundled version. The intention is to see if that specific issue is happening on that specific grid you have created or if it also happens on a demo grid from the plugin. You can see on Essential Grid > Import/Export. Thank you.

Hi,

After doing some more investigation on the live site, I can see its Cornerstone thats causing the problem. Disable it and the posts display, when its on it causes problems. This is a problem because my posts use a Cornerstone layout. However, when its on the essential grid grid items show a load of cornerstone code.

I dont have the time/skill to create a staging site Im afraid but Im happy for you to do some work (within reason) on the production site as this blog isnt live.

Thanks,

Even to the point that with Cornerstone on the entire page throws a 500 Internal Server error. Without it, it loads

Hi there,

Upon double checking the case I found out that the Blog page is working ok. I disabled the cache plugin you use and it seems to be ok now.

Please consider that the minification functionality of the cache plugin might be the problem cause as all the assets of the theme and the Cornerstone are minified by default and having them minified again by the plugin might be the problem cause.

Also, regarding the Error 500, I suggest that you enable the Wordpress Debugging mode to see the actual error instead of the Error 500.

Thank you.

Thanks for this. Ive managed to get this updated. However, on Ess Grid, Ive put some icons in to the middle drop zone but they dont display as standard for the skin Ive chosen. Sorry, this is the never ending ticket but help appreciated.

Hello There,

I have logged in to your site. Are you referring to this skin?

After editing the skin, please clear your plugin caches. Please be reminded that Essential Grid has its own caching system. Also check your other plugins as well. Clean the plugin caches before testing the site.

Please let us know how it goes.

Which caches are you referring to? Ive already disabled WP Fastest cache, there are no other plugins with a cache that I know of. Ive updated Ess Grid to the latest version, Ive also removed my browser caches.

Where else should I be looking?

Thanks

Ah Ive found the one in global settings for the plugin. Thanks that looks to have resolved it.

Glad it’s okay now :slight_smile:

I seem to be having the same problem. I’ve created a grid for a blog and when I load the shortcode into cornerstone it only displays the filter bar in the editor and shows HTTP ERROR 500 on the front end. When I remove the shortcode from cornerstone the page loads fine?

Hey @Project_Business_Onl,

Please open a separate thread because the cause of the issue might be different. In the new thread, please give us WP admin and FTP access in a Secure Note so we could create a test page in your site and test the Essential Grid and also see your configuration maybe we could find the cause there.

Thanks.