Essential Grid Post Lightbox Empty

Support
#1

I am loading post content from an essential grid to a lightbox. Whenever you click on the grid item, the lightbox loads and is empty.

#2

Hi Josh,

Thanks for writing in! I have tried to login into your site, but your WordPress credentials seems to be invalid. Could you please provide us with the correct information, so that we can look into your issue further.

In the meantime upon checking your site, I see that you’re using Pro theme with X child theme which could be causing layout issues. Could you please try disabling your child theme by enabling your Pro theme and see if your child theme cause this essential grid issue. If the issue is resolved, download Pro child theme from your Themeco dashboard and install it on your site.

If not, try removing any custom CSS and JavaScript added to your site and re-test your essential grid issue.

Further I suggest you to disable your 3rd party plugins and see one your 3rd party plugin causing this lightbox issue. If the issue resolved, you can then enable your plugins one by one to see which plugin casing this issue.

Let us know how it goes.
Thanks!

#3

@mldarshana

I just tested the login and it worked, both the page level password as well as the admin login.

#4

Just doubled check and I am running Child Pro. I’m not sure where it is showing you I am running X child.

#5

Hi,

Seems to be related to this thread.

https://theme.co/apex/forum/t/essential-grid-lightbox-not-loading-post-content/47898

Please check with your host and make sure that mod security is not blocking essential grid request.

Hope that helps.

#6

Deactivated all of the third party plugins and it did not fix the issue.

Checked with web host and there is no Mod Security enabled.

Turned off the page level and global css (I can’t turn off all the global block CSS). No effect.

I removed the page level Javascript. No effect.

Please advise further.

#7

Hello Josh,

Thanks for updating in! The login credentials is no longer working for us. Did you removed or changed it? Please do update it so that we can login and investigate this issue further.

Best Regards.

#8

Are you guys reading my note about the login redirect loop?

I just tested the login credentials for a third time and they work fine. Please be sure you are logging into:

#9

Hey Josh,

I see that only the left grid item is missing the lightbox content.

The content is actually loaded but since you’re using V2 Elements it might not render in a lightbox. The grid item that works uses a Classic Slider Revolution element in the first section.

Would you mind testing adding a Classic Slider Revolution in the said grid item?

Thanks.

#10

The content for each lightbox is called via global blocks.

Domino’s should look like this:

Sheetz should look like this:

REV SLIDER HERE

I do not understand your testing request. You want me to add a classic revolution slider to which grid item? We already know that rev sliders work. I would like the other content to work, too.

#11

Hi Josh,

Yes, it’s added as a global block but what Christian is referring is the slider displayed within the lightbox and added as content.

Your grid’s lightbox is set to display the post content

But it’s unable to pull the content since it’s created in the builder where v2 elements are present. And v2 elements will only work on the actual post/page where they are added. And so Christian recommended using a classic element like the classic slider to make it readable from grid’s view.

Since you mentioned the global block, that’s another solution to make the content readable. Please save your content as a template and import it to the global block, then add the global block shortcode to the editor’s content (instead of the builder).

Thanks!

#12

OK. Placing the shortcode for the Global Blocks into the post, instead of the using the builder within the post, works. However, it seems that element styling is being dropped:

Global Block:

Lightbox:

How can I fix this?

#13

Nevermind. I found a solution, although it is tedious:

  • Open the global block in a functioning page
  • Copy the style of each element
  • Create classes
  • Put those classes on the V2 elements
  • Place the class code inside the page that displays the essential grid

Is there a fix for this forthcoming where V2 elements will render through lightboxes?

#14

The Global Block’s generated CSS could not be loaded in the lightbox. It only is added in the page where the GB shortcode is added.

With that said, you will need to view your post and copy the generated CSS by inspecting the element using the browser’s developer tool and then paste the CSS in your page with grid. See secure note.

Thanks.

#15

I beat you to the punch by no more than 30 seconds lol.

#16

Glad you’ve figured it out. It’s not the lightbox that is the problem though but how Essential Grid calls the content. It is most probably using the_content so I’ll post this as feature request.

#17

One quick question: If you guys knew V2 elements would not load in lightboxes, why all the jumping through hoops at the beginning? Removing css, javascript, checking plugins, yadda yadda.

#18

We didn’t know. If we knew, we could have shown the methods described in the later responses.

Darshana was unable to login at first and he didn’t know what the cause is so he suggested the common solutions.

I personally suggested using the Classic Elements because I saw the Classic Slider Revolution works and they’re simple.

#19

Oh, ok. So this was a learning experience for us all :smiley:

#20

Hi Josh,

Yes, sorry for the troubles, glad you sorted things out now.

Cheers!