Jump to content

Lightbox a Gallery slideshow block

Recommended Posts

I need some code that will turn a Gallery slideshow block into a (slideshow) lightbox when clicked. This is for a course collection page (so it's behind a paywall and I cannot share the URL.)

I purchased the Lightbox Anything plugin but it does not solve my problem. If anyone could help with this (opening a gallery slideshow block in a lightbox), it would be hugely appreciated! 

If this isn't possible, another workaround option that I'm currently using is an image block that links to a File that opens a PDF... But I want to be able to add a caption (or caption on hover) that tells people to click in to the image to open the file. How could I do this, and is there any way to use CSS to apply the same affect to all images within this course collection? (So I do not have to update the code for every class page I create, which will have different images and files but all need the same functionality of a caption on hover...)

Link to comment

Have you tried this option in Lightbox Plugin yet?

image.thumb.png.4b5cecb01861ebfdd1809195b820a731.png

or you mean click on whole Gallery Slideshow > Open a Lightbox and you can design content in this lightbox? If yes, we can achieve it with Lightbox Plugin + some JS code

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 2 months later...
On 2/7/2024 at 8:11 PM, ZKE said:

I need some code that will turn a Gallery slideshow block into a (slideshow) lightbox when clicked. This is for a course collection page (so it's behind a paywall and I cannot share the URL.)

I purchased the Lightbox Anything plugin but it does not solve my problem. If anyone could help with this (opening a gallery slideshow block in a lightbox), it would be hugely appreciated! 

If this isn't possible, another workaround option that I'm currently using is an image block that links to a File that opens a PDF... But I want to be able to add a caption (or caption on hover) that tells people to click in to the image to open the file. How could I do this, and is there any way to use CSS to apply the same affect to all images within this course collection? (So I do not have to update the code for every class page I create, which will have different images and files but all need the same functionality of a caption on hover...)

Please check out our plugin Lightbox Studio, I have make a step-by-step tutorial to Lightboxify Slide, Carousel and Stacked Gallery block

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.