Streaming live at 10am (PST)

Simple Fancybox CMS Gallery with captions (Lightbox alternative)

This demo shows how to use the fancybox 3 plugin. It’s slightly different to the lightbox - and I’ve set it up to show captions for CMS galleries which the Webflow lightbox doesn’t do yet. The gallery only works on the published site.

LIVE SITE

CLONEABLE SHOWCASE

P.S.
It also uses the newly released “nested collections”.

3 Likes

So I changed the photos and they do not show up in light-box thumbnails.

https://fancy-box-gallery-tech-demo.webflow.io/

Here is the share link:
https://preview.webflow.com/preview/fancy-box-gallery-tech-demo?utm_medium=preview_link&utm_source=designer&utm_content=fancy-box-gallery-tech-demo&preview=1926b3623eb8653e8843178a51473039&pageId=5e9f3d07a5c02376cc22eadf&itemId=5e9f3d07a5c023920022eb20&mode=preview

Issue with the image file name - here’s a quick video to show - https://www.loom.com/share/21bdbb7e1206437391b2e39f6961f349

Here’s a batch image converter - really handy for lots of things - including batch renaming files - https://www.xnview.com/en/xnconvert/

So, I can see that the file name that is giving the issue is still the same is still the same -

Great%20Road%20(webflow)%2002.jpg - the brackets around webflow are causing the issue.

You probably need to resize or modify the images slightly so Webflow uploads a new copy of the image to it’s server with the new filename. If it detects that only the filename has changed - it will use the old file with the old filename to avoid duplicating files unnecessarily.

Try that and see if it works. Or try new images altogether with no brackets in the filename!

Thank you so much @Diarmuid_Sexton for sharing. Adapted it for my project and it worked like a charm. :bowing_woman:

1 Like