How to add lightbox to carousel images (in auto-sections)

Site URL: https://www.llanonewhomes.com/new-homes

Is there a way to add lightbox to carousel images? The floor plans on this website are currently displayed using Squarespace's new auto-sections, but I'm not seeing a lightbox option anywhere.

Thanks in advance!

Hi. Just created a quick demo. You mean this effect? 

https://tuanphan.squarespace.com/list-carousel-to-lightbox?noredirect

Password: abc

(under carousel, has a quick guide)

I went ahead and purchased the plugin, added the files, injected the plugin code in settings, and injected the code you provided into the page header.

We were wanting to lightbox the carousel of images on the New Homes page. However, there doesn't seem to be a way to link them using the lightbox URL for blocks (form/image/gallery).

I ended up creating a gallery section below (vs carousel list) and I think I've got it working now. The gallery had a place where you could link each image, but the carousel did not.

Would you happen to have any tips for styling the arrows like the previous  carousel?

Perfect, that did the trick. Thanks again for all your help! I really appreciate it.

On 12/22/2021 at 1:13 AM, Kalie said:

Site URL: https://www.llanonewhomes.com/new-homes

Is there a way to add lightbox to carousel images? The floor plans on this website are currently displayed using Squarespace's new auto-sections, but I'm not seeing a lightbox option anywhere.

Thanks in advance!

Check this post, you can enable lightbox to your auto layouts sections with the plugin

I made a demostration based on your content, where the lightbox is opened when the item images are clicked

Captions also available on Lightbox, which include your title and body text