-
-
Hello,
I noticed today that the lightbox feature is not working on the live site. It does work in the Codeless page builder. When browsing the live site, hovering over an image does display the shade and magnifying glass icon, but clicking on the image just opens the image directly in the browser. No overlay.
Site details can be found here https://support.codeless.co/?topic=codeless-page-builder-not-working
Thank you
-
Hi,
The lightbox is working on my end. I’ve added the lightbox effect on the images of the “Sample Page”. Here’s the link to the sample page:If you’re still having the issue then please share the Page URL.
Thanks,
-
-
Hi,
Is it possible to know what steps you’ve followed to add a gallery to your portfolio item? It’s necessary because the lightbox working on the Gallery on the sample page.Here’s the link to the sample page:
Try re-adding the gallery item to your portfolio item to check whether the lightbox works on the gallery items or not.
Thanks,
-
I added the row, then the gallery component as per instructions. However it’s not only the gallery items not working. Media component images are also not working on that page. I would think there’s some sort of conflict?
-
Update:
I’ve fixed the problem by deleting a row that I cloned on that page. Not sure why this broke Lightbox, but after deleting and re-cloning, lightbox works fine now.
Related question – Is there a way to only scroll through the lightbox images of the active gallery? Additionally only open a single image without scrolling through all images on that page? I have duplicates of the same row designed slightly differently based on the media size (responsive hiding), and the images duplicated in the hidden rows are still displayed.
-
Hi,
Glad to hear that you’ve fixed the issue.– Scroll through the lightbox images of the active gallery
Can you explain it more explicitly?– Images displaying inside hidden rows
You can use the extra classes i.e “hidden-xs”, “hidden-sm”, “hidden-md”, or “hidden-lg” as needed to hide a row on different screen sizes. If hide row option not working.Thanks,
-
-
Hi,
It’s the default functionality of the Lightbox. When you implement the lightbox functionality on image/images, the lightbox generates its own random code to display images. It’s separate from the actual code and only includes the images having the lightbox functionality. Any CSS class doesn’t work on it. That’s why the extra classes “hidden-lg …” ain’t working on images.Any advancement on it will come under deep customization which may break or affect the whole site’s functionality or layout.
Thanks,
-
You must be logged in to reply to this topic.