Double Open in Essential Grid

Hey there,

When someone clicks on a photo in the grid, it opens twice.
How do I fix it so it only shows the lightbox I have chosen?

Oh reference, now it is ONLY opening the actual photo.

How do I make a grid that opens images in lightbox with a carousel like switching?

This is the current site I am working on: http://stage1.hightower.online/gallery/

Hello @NicoCollu,

Thanks for writing in! I have tested the lightbox in the given url. I could not replicate any issue. When I click the image, it opens a lightbox.

How do I make a grid that opens images in lightbox with a carousel like switching?

Hope this helps.

1 Like

Hey RueNel,

Yes, for some reason, it stopped happening so it’s hard for me to explain although when clicking an image, the image showed up in a “gallery lightbox” with the ability to switch between images IN the lightbox AND it also opened the single image in a lightbox. So when I would exit the single image, there would be the gallery behind that which I also had to exit.

My mistake to call it a “carousel”, sorry. I probably mean a form of a slide whereas once you click on an image, it will open into a lightbox with the ability to shift through the different images contained in the same grid underneath it.

I am trying now with the Gallery-based options and such but it is continually showing up as a single image you need to exit to open another.

Oh, I have duplicated the issue I originally wrote of.

Please take a look here: http://stage1.hightower.online/gallery/

Try clicking on any image and you will see that it opens twice, in 2 different lightboxes, one a gallery, one a single image.

Hi Nico,

I did that but it doesn’t open a second lightbox, please check this https://www.dropbox.com/s/w7u42o5h0fu1j3i/bandicam%202019-04-21%2012-06-47-196.mp4?dl=0

Perhaps you already fixed it? It’s only possible if same selectors are used for multiple lightboxes.

Thanks!

Hey again,

That’s really weird. Look at what I’m seeing when I click on an image:

Here are the 2 lightboxes.

Here is the one beneath the first one above.

It’s even a gallery that isn’t associated with Essential Grid and shows more photos than I have selected.

Hi Nico,

I still couldn’t see it, but I’ll continue checking in case it’s random. Is there any special instructions on how to trigger this issue?

Thanks!

Hey Rad,

That’s very weird.

It’s true that I just need to enable lightbox, add “All Items” and then it SHOULD open a lightbox with the ability to slide left/right to the other items, correct?

It’s currently not doing that. How do I fix this?

Hi Nico,

I’m not sure about your question, but yes, it should be like that if it’s set to slide left and right. Would you mind providing your admin login credentials in the secure note? I’ll have check it first.

Thanks!

1 Like

Hey Rad,

So, I am still having issues as you can tell.
Maybe you can help tell me why it opens a single image sometimes without the ability to switch to another image without closing it down or why it opens things twice.

Another question entirely although do you know how to make sure Essential Grid always shows ALL the items even if it’s on a Mobile Device? It cuts down on rows and the only way to make it show all is to increase the rows but I’d rather it does a type of Wrap with Flex. Should I create another topic for this?

Hi Nico,

It seems there was a conflict between Easy FancyBox and Essential Grid plugin. I’ve disabled the Easy FancyBox plugin then the lightbox is working fine now.

Can you provide us with a screenshot how the grid cuts down?

And the column of grid should be different for each device:

Regards!

1 Like

Hello!

Thank you, I see how they were working against each other. Thank you for analysing this!

Regarding the second question, it was different columns although I changed it all to 5 so that when on Mobile, all the photos would still show instead of only showing 3 on Mobile when the column is 1, does that make sense?

Currently, I need to try to figure out why the Grid is showing MORE images than I have chosen for the grid. If you go into the Custom Grid I have created in the backend and then look on the site, it shows more than that. Do you know how to fix both of these problems.

That is, the column (showing less images) problem and the excess of photos?

Hi Nico,

It because of the pagination option is enabled:

I’ve disabled it and all the images are displaying fine now.

Cheers!

1 Like

Thanks a lot for that!

Funny, once you Disabled pagination, it shows all the images in the Essential Grid plugin, too. I’m not sure if I should be telling you but once it’s Enabled, it only shows me a few images and I am not able to see/slide next to the other images I have selected to either remove them or otherwise.

Hi Nico,

The pagination is a Row based feature in Essential Grid:

So, for example, I changed the pagination to 1 row as the screenshot above.

That causes the grid to show in one row. A some arrows can be used to change to the next row:

If you enable the Touch Swipe option, then swiping will change the row on touch devices.

Thank you.

1 Like

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