I have a collection list light box gallery in my site (about page) and I want the items to click/link to my collection pages when clicked (www.tessaann.co/all-projects/“insertprojectnamehere” , or the project pages redirect I have set within the CMS collection.)
Basically I have three different CMS collections. One has the first half of my projects (projects), another has the second half (more projects), and the last has all projects (all projects).
This light box is beautiful in design, but not clickable. I need it to link to the all projects CMS collection pages, where my individual project pages actually are. Can’t insert link block like usual due to light box. But love the design.
You can combine lightbox functionality with Collection page linking by using different triggers on the same element. Here’s how:
Create a div or link block that contains your image. Add the lightbox trigger to the image itself, and place the Collection page link on the containing element. This way, clicking the image opens the lightbox, while clicking around the image navigates to the Collection page.
Alternatively, you can use the Lightbox element’s settings to add a custom link that directs to your Collection page after viewing the lightbox image. This creates a natural flow from preview to detailed content.
Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.
Webflow Lightbox, pops up a large image ( or vid depending on setup ). No navigation from there.
Link only ( no lightbox ) navigates to the page you want.
Lightbox, but containing a second link which can be used to navigate to a page for more detail. Webflow’s Lightbox doesn’t support this, you’d need to engineer your own with interactions or use a 3rd party solution like FancyBox.
