Jump to content

Preventing Lightbox Galleries on some pages

Recommended Posts

On 8/7/2024 at 10:05 PM, Shindelverse said:

Hi Im using the Beyondspace lightbox studio gallery plugin and want to exclude lightbox functionality on some pages with galleries, open to any solutions thanks!

Hi, it depends on what kind of Gallery you are using:

- Gallery blocks ( Grid, Carousel, Slideshow & Stack ) 

You can disable lightbox per block

- Gallery sections (layouts other than grid, like Slideshow & Reel) & Auto layouts, if you enable lightbox for these, it will be global, meaning all sections will have the lightbox feature

In case you want to disable on of these feature, I think disable click on the item can help

For example:, add this to the header page injection of the page you want to disable lightbox for Reel section

<style>
.gallery-reel-item {
  pointer-events: none;
}
</style>

If you want to disable explicit section, use the section-id

<style>
[section-id] .gallery-reel-item {
  pointer-events: none;
}
</style>

where [section-id] is the found id

For example the Scrolling Logo on this page is an auto layout section that is lightbox-disabled
image.thumb.png.2207d8a24ea9228ef7c720f2217b4ac3.png
Edited by Beyondspace

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 No-code customisations for Squarespace
🚀 Learn how to rank new pages on Google in 48 hours!

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.