Native Wordpress [gallery] not visible in Pro editor

[umbertofederico]

Hello there!

I am writing you because after literally years of development of your - otherwise - superb theme, I am asking myself, why it is not possible to see a [gallery] in the Pro editor - at least as a placeholder.

I’m gonna describe the issue: When I add a text element to my design, I open it up, I edit the text, I insert a wordpress gallery, the textfield in the preview disappears and nothing is shown instead. If I didn’t know, that there was a gallery and if I didn’t know, it is actually working, I would think there is nothing there - unless I check in the left column with the structure. I use this quite a bit as I have The Grid Plugin style the gallery automatically. It’s always a pain if I want to go back and edit the gallery or style elements based on the gallery position. Why can’t X display the gallery in the editor? Or just display a placeholder instead like it does with Envira or The Grid? I wanna be able to click the placeholder or gallery and the editor to take me to the element’s options as it does with every other element I click in the preview window. Isn’t that a highly requested feature or am I the only one?

It would be amazing if you could send me a solution or workaround. It is really annoying.

Umberto!

[umbertofederico]

I just realized I asked about this feature 3(!) years ago - see this post: Wordpress gallery not showing in Cornerstone - fix?.

Please come up with a solution - I use your theme on almost all client websites and I teach them to use it. How shall I explain to them that something this basic is not possible??

Please do something about it!!

[lely]

Hi Umberto,

We’re sorry you are having this issue. I am not sure if I misunderstood your issue or you have a conflict somewhere with your site. Here’s my test adding gallery on my install:

https://screencast-o-matic.com/watch/cYhlI1gKtH

Even if I reload it, the preview of the gallery is ther on the editor. Do you have special setup? Please clarify. If in case you think we need to see your setup, please share site URL and credentials inside a secure note. Thank you.

[umbertofederico]

Ok thanks! Check the secure note please

[friech]

Hi @umbertofederico,

Thank you for the credentials, I understand your issue here, integrating WP Gallery feature to Essential Grid is not really a popular setup maybe that is why this was an overlook. Most of the time users manage their Grid in the Essential Grid dashboard because the grid is easier to maintain and edit that way.

Now, let’s go back to the issue, as easy as it may seem, a fix for this is a bit tricky, as you might already know the Builder by design does not provide a preview for sliders and grid and other external elements (so it opposed to what you need), since you integrate the WP Gallery with Essential grid, that is considered pasting an essential grid shortcode on text element which we don’t recommend.

Here’s what I advise, either you use the Layout Panel when you need to inspect the text element that contains the gallery. Or if having a background color on the text element helps you visualize where is the gallery is, then you can add the custom CSS below on the Text’s Element CSS area. This is not a fix, this will just help you visualize where is the WP Gallery on the builder and make the text element clickable so you can inspect it. Don’t worry this won’t affect the front-end.

html[class*="cs-ui"] $el {
  background-color: red !important;
  min-height:150px;
}

Else, I advise that you create your galleries in Essential Grid, and add that grid to your page using the Classic Essential Grid element as the most user does.

Hope it helps,
Cheers!

[umbertofederico]

Hey thanks for the explanation. However - if i add a regular essential grid element, i still get a placeholder although it’s not a live preview. Why doesn’t that work? And as far as I remember, even before having essential grid display the wordpress gallery, i didn’t get any preview. It was the same behavior. Any other ideas?

Umberto

[lely]

Hello Umberto,

Essential Grid and other bundled plugins like revslider, the grid by default doesn’t have preview on the builder because those plugins rely heavily on jquery for display which interferes with the builder code causing some display issues. To prevent it, we have disabled preview on the builder. Unfortunately we cannot revert this change. There’s no workaround available for it. You can add it then on a draft page and then view it on frontend to see actual look. We’re sorry for the inconvenience but aside from @friech previous suggestion, draft page test is the only way. Thank you for understanding.

[umbertofederico]

Hm ok - I think it’s weird that if I add an element of Essential Grid, I do get a preview of it (not a live one, but a box that says “Essential Grid - No live preview available”) - at least that’s a good indicator. What I don’t understand is, why that isn’t possible with an Essential Grid that replaces the native Gallery. I know my approach might look a bit complicated but with the standard WP gallery I don’t get the lightbox - I do though with Essential Grid.

But thanks anyway. I’ll find another way to make it work for me.

[rad]

You’re most welcome. I think that’s essential grid limitation, though, it might be possible with custom development since they didn’t include it as options. Thanks!