Issues with Essential Grid Saving

Support
#21

Hi Rad

Thank you so much I deactivated PixcelYour Site plugin and it worked I can now have to save function on it.

Will it be ok to reactivate when I have finished working on EG?

The images on my video grids have never been an issue and have been using it for a few years. It has only become an issue after I update Theme X.

Here is an image of the live site

And an image of the same page on the staging site after updating theme x

Thank you for all your support Rad you are very helpful and knowledgable

Best Tim

#22

Hey Tim,

To your question:

If the third-party plugin does not affect anything other than saving, you can enable it after working on your grid.

Regarding the Vimeo videos in your grid, it could be that the Vimeo API does not allow connection to your staging site or there’s a problem with your staging site connection to the Vimeo server.

I see your live site’s not updated yet. We need that you test updating everything in your live site also. But before that, please backup your site first so you can revert to a working state the issue will happen in your live site. Also, follow the best practices in updating your themes and plugins.

Doing that will answer Rad’s question and will provide us with more information which may lead us to the cause of the issue.

Please also contact your staging host to enable CORS because I see cross-site origin errors in the console which might be a factor which is causing the issue.

Thank you for your cooperation.

#23

Hi Christian

I have spoke to the host and CORS is now enabled. so hopefully the error should have gone.

Yes the same issue happens when i update my main site and is one of the reasons i have created the staging site. The behaviour is exactly the same. As it is the same on both sites and only happened after updating i am assuming that it is not an issue with the connection to vimeo. Am i correct ?

Is it essential to update my live site ? as the behviour is the same and the reason i was asked to create a stagingn site so it has minimal impact on ny business ?

Thanks

Tim

#24

Hello Tim,

It is best that you fix all the issues in the staging site first. Once you have polished everything, then that’s the time that you can push your updates in the live site.

Hope this helps.

#25

Thank you yes it does. Does the team have any more info on the Essential Grid video image issue mentioned above ?

#26

Hi @Basstimg,

It seems to be the thumbnails are displaying now after resaving, is there an active SG cache on your staging too? I also remember issues when moving to stage or moving back to love when it comes to SiteGround. Could you try checking it again? If it remains, I recommend setting up a staging outside your current host to make sure all URLs are updated.

Thanks!

#27

Hi Rad thank you for message.

I am not noticing any difference with the thumbnail on video grids. Are you sure you looked ata video grid and not just a picture grid linking to a page?

This is the page i took screen shots of above:

http://www.staging1.elasticlounge.com/our-acts/top-uk-wedding-singer-jem

Is it now showing images on the video grid at your end ?

Also you mentioned earlier in this thread that the image was not being pulled from Vimeo and maybe not connecting. The image is ia cover mages taken from media gallery from within WP. I have just tried adding the same photo again to one item wiith the following grid:

After i add the photo and save the images appear for less than a second on the whole grid and then vanish again. Any thoughts?

Yes i do have SG caching but the grids were fine for a long time and this only happnes when i update. I have cleared all caches etc

Thanks Tim

#28

Hey Tim,

Please let me clarify first that, yes, it’s generally best to test in staging. But, API requests sometimes are restricted only to one domain and that is usually the live domain. That is why I asked to test the live site but keep a backup so you can revert to the working state. Thank you for confirming that the issue persists. That also answers Rad’s question. I’m also sorry if I missed that you already have tested previously. I got lost in the back and forth conversation here.

Now to the video thumbnail issue, I checked the URL you posted and the thumbnails weren’t loaded and the CORS issue wasn’t resolved as you can see in the screenshot below.

Aside from CORS, the play button you see missing is due to Hummingbird.

I’ve deactivated all third-party plugins in your test site and made a test page at http://www.staging1.elasticlounge.com/apex-support-test?avoid-minify=true and I see this.

There’s no video thumbnail but there are no more errors in the console.

Now that it’s clear, Ilve investigated further and I first tried setting the Vimeo thumbnail in your grid. Previously, you’ve set it to Featured Image. But, this didn’t resolve the issue.

It looks now that something has changed in the Essential Grid. The z-index of the poster image is now 0. Setting it to 1 resolves the issue. I’m still looking for the setting for this but for now, I’ve placed this CSS in Theme Options > CSS to override the display.

.esg-grid .esg-media-poster {
    z-index: 1 !important;
}

Video thumbnails now display. Please apply the CSS to your live site.

Hope that helps.

#29

Hi Christian

Thank you so much for your hard work and very thorough reponse.

I have deactivateed all 3rd party plugins and updated my main site and have listed the outcome to weach issue below.

  1. Social icons - custom PHP code updated in child theme’s functions.php file - NOW DISPLAYING CORRECTLY

  2. Essential Grid Saving issue- The Pixel Plugin was deativated - RESOLVED

  3. Essential Grid Video Thumbnail - I added the code you sent and the issue is NOT RESOLVED

Can you please take a look i wioll include login details for my live site below in secure note.

Now to the CORS issue i have contacted host support again and they said that everything is functioning ok at their end and asked you to clear your cache. I did mention that i am sure you would have done this and asked them to clear all caches associated with my site, whihc thye have done could you recheck please ?

Thank you for all the support it is verymuch appreciated.

#30

Hi Tim,

There was a syntax error in your custom CSS:

@media (max-width: 980px) {
   .x-sidebar {
    display: none !important;
	}


.esg-grid .esg-media-poster {
    z-index: 9 !important;
}

It should be:

@media (max-width: 980px) {
   .x-sidebar {
    display: none !important;
	}
}

.esg-grid .esg-media-poster {
    z-index: 9 !important;
}

I’ve already corrected it for you.

You can see the thumbnail images are loading fine now:

Cheers!

#31

Fantastic thank you so much thai i actyaully believe everything is now ok and my sute is up to date. You cannot imagine the relief./ Thank you so much.

Can anyone chekc the CORS mentioned in the preious message as i want to keep on at my host to make sure everything is in place :slight_smile:

Thank you again

#32

Hi @Basstimg,

To fix Cors, please change your wordpress and site url from http to https under Settings > General

For example,

Change http://www.elasticlounge.com to https://www.elasticlounge.com

Thanks

#33

Hi Paul

Famtastic i have made the changes and am so pleased that my site is up to date and working fine :slight_smile:

Thank you for everyones hard work and patience throughout resolving the issues. I won;t let them build up in future.

Thank you

#34

You’re most welcome @Basstimg ! :slight_smile:

#35

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