Jump to content

Adding Lightbox to Carousel Images

Recommended Posts

Posted (edited)

Hello!

I have added photos to a gallery block. I'd like the user to be able to click on a photo and it open a lightbox with the enlarged image, but I don't see that capability within the settings. Does anyone know code to get that to work?

Here's the link and password for the site:
https://daisy-polygon-hr29.squarespace.com
Password: CM2024!!

Thank you!

 

ETA: I can't remember how I created the section for the images in the first place, but it looks like a content section and the content/images are in a carousel format. I need to keep it in the carousel format.

Edited by socialstylate
Clarifying my question
Link to comment

Hello,

You can use the gallery type Grid and there is a lightbox option.

For the carousel there is not a Squarespace option to make them open in a lightbox.
For this you will need custom code.

Link to comment
Posted (edited)
16 hours ago, socialstylate said:

Hello!

I have added photos to a gallery block. I'd like the user to be able to click on a photo and it open a lightbox with the enlarged image, but I don't see that capability within the settings. Does anyone know code to get that to work?

Here's the link and password for the site:
https://daisy-polygon-hr29.squarespace.com
Password: CM2024!!

Thank you!

Our lightbox studio plugin support enabling lightbox for Gallery slideshow blocks and Gallery slideshow sections out of the box, you can check the detail here for slideshow block

And this post for Slideshow sections

After you follow steps and want to check it on your site, use this link to live playground

Edited by Beyondspace

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
On 5/22/2024 at 10:32 AM, sorca_marian said:

Hello,

You can use the gallery type Grid and there is a lightbox option.

For the carousel there is not a Squarespace option to make them open in a lightbox.
For this you will need custom code.

Thanks for your reply. I can't use the gallery grid type because I need it to be a carousel.

Link to comment
22 hours ago, Beyondspace said:

Our lightbox studio plugin support enabling lightbox for Gallery slideshow blocks and Gallery slideshow sections out of the box, you can check the detail here for slideshow block

And this post for Slideshow sections

After you follow steps and want to check it on your site, use this link to live playground

Sorry, I forgot to mention that this is a section that shows the information in a carousel format. I don't think it's a slideshow block, from what I can tell, but I can't remember how I created this section in the first place. Any suggestions?

Link to comment

Look like you are using auto-layout sections

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
On 5/24/2024 at 7:32 AM, socialstylate said:

Sorry, I forgot to mention that this is a section that shows the information in a carousel format. I don't think it's a slideshow block, from what I can tell, but I can't remember how I created this section in the first place. Any suggestions?

Recent updates of Lightbox Studio allows you to enable lightbox for Squarespace Auto layouts sections

 

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.