Jump to content

Disabling Lightbox in Summary Box but keeping links when present

Go to solution Solved by colin.irwin,

Recommended Posts

—Brine template

I would like to know if it is possible to disable the Lightbox in a summary box (from a gallery) and, if possible, how to do it.
I would like that for images that have no link indicated, there was no cursor mousehover nor Lightbox, while for images that have the link, there was the mouseover and the link working.

Thanks for the help
 

Edited by ale
Link to comment
  • Solution

 

As a test I created a gallery called test gallery. 

Then I gave some of the items in the gallery links 

image.png.dfb0bbe02e188c21069d3744ec7fc78a.png

 

I created a summary block on another page that uses the gallery as the source of its images. 

Then I created a css rule to kill pointer events for any summary items whose link is from the original gallery (begins with /test-gallery).

It works as expected. Items with no clickthrough url have a standard cursor and are not clickable but those with a clickthrough work properly. 

Here is the code - insert it at the bottom of your custom css area after any other code that may already be there. You'll need to tweak href ^= "***" to reflect your gallery slug 

.summary-item a[href^="/test-gallery"] {
    pointer-events: none;
}
Link to comment

If it's the team member gallery you want to customise the code would be 

.summary-item a[href^="/en/teamphoto"] {
    pointer-events: none;
}

 

Link to comment
  • 1 year later...

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.