Jump to content

Add a lightbox feature to auto-layout with custom code?

Recommended Posts

I am using a "simple list" auto layout and need to be able to click on the images to enlarge them in a lightbox. I'm aware that this is currently not possible with their standard features. Does anyone know a workaround or custom code? (ps. i don't want to use a gallery or single images for this, as suggested by the squarespace help team, because of the formatting I am trying to achieve) Thank you!! 

Screen Shot 2023-02-16 at 7.52.01 PM.png

Screen Shot 2023-02-16 at 7.51.37 PM.png

Link to comment
  • 1 year later...
On 2/17/2023 at 7:54 AM, rodabaugh said:

I am using a "simple list" auto layout and need to be able to click on the images to enlarge them in a lightbox. I'm aware that this is currently not possible with their standard features. Does anyone know a workaround or custom code? (ps. i don't want to use a gallery or single images for this, as suggested by the squarespace help team, because of the formatting I am trying to achieve) Thank you!! 

Screen Shot 2023-02-16 at 7.52.01 PM.png

Screen Shot 2023-02-16 at 7.51.37 PM.png

This is exactly why I making this possible, enable lightbox for Squarespace Auto layouts sections

Please check the attached video for demostration, you can also enable Lightbox captions only, leave the main sections captions stay hidden

 

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.