Is it possible to have multiple thumbnails go to the same lightbox in Webflow's new Lightbox feature? Can the lightbox display the particular thumbnail image in the correct order?

Published on
September 22, 2023

Yes, it is possible to have multiple thumbnails that link to the same lightbox in Webflow's new Lightbox feature. In order to achieve this, you will need to follow these steps:

  1. Add a Lightbox component to your Webflow project.
  2. Place the thumbnail images on your page using either an image element or a link element with an image inside.
  3. Select the first thumbnail image and go to the Element Settings Panel.
  4. In the settings, find the "Lightbox" section and choose the Lightbox you want to link this thumbnail to.
  5. Repeat steps 3 and 4 for each additional thumbnail image, selecting the same Lightbox for all of them.
  6. Publish your site and test the functionality.

By following these steps, all of the thumbnails will link to the same Lightbox, allowing the user to view the images in an overlay. However, it's important to note that the Lightbox will display the images in the order they are added to the component, not the order of the thumbnails on the page. Therefore, if you want the images to be displayed in a specific order, you need to make sure you add them to the Lightbox component in the desired order.

In summary, to have multiple thumbnails go to the same Lightbox in Webflow's new Lightbox feature, you need to add a Lightbox component and link each thumbnail image to that Lightbox. The Lightbox will display the images in the order they are added to the component, so make sure to add them in the correct order if you want them to display in a specific sequence.

Additional Questions:

  1. How can I customize the appearance of the thumbnails in Webflow's Lightbox feature?
  2. Can I have multiple Lightboxes on the same page in Webflow?
  3. Is it possible to have videos in the Lightbox component in Webflow?