Jump to content

Lightbox Anything plugin with Lazy Summaries and Universal Filter

Go to solution Solved by mferrini,

Recommended Posts

Hi Circle folks,

I could really use your collective help.

So, our client wanted blog entries to pop-up into lightboxes and with some guidance from the ever helpful @tuanphan we got it working using the Lightbox plugin: https://www.sqspthemes.com/plugins/ultimate-squarespace-lightbox-plugin with SquareWebsites' fantastic plugins, Lazy Summaries and Universal Filter on static pages so that we can show more than the standard 30 per summary block or 20 posts before pagination.

https://rapid.squarespace.com/

Pwd: Letmein

And it's been working great, except that the other requirement is that posts from Projects will have buttons containing links to tag results, for example this one:

https://rapid.squarespace.com/all-projects/skykomish-wildfires

has a button which links to:
https://rapid.squarespace.com/resources/rapid-equipment-portfolio?tag=Skykomish Wildfire

which also works, except that if the tag is deselected or the "See All" button is clicked above the filter to show all results, as you'll see the first few results still trigger the lightbox, but after that, (inconsistently with different tag URLs) most of the rest of them won't and the "Read More" link in the excerpt of each which is supposed to trigger the lightbox doesn't get the .lightbox-link class applied and therefore those links display in green and the lightbox doesn't work.

We also tried adding the filter to the blog itself, but the same problem persists with direct tag links. It’s fine until you remove the tag and/or click the See All button:

https://rapid.squarespace.com/rapid-equipment-portfolio

https://rapid.squarespace.com/rapid-equipment-portfolio?tag=Marshall Wildfire

So, we're really stumped because there's no difference between any of these posts and they all have the links in the excerpt field which are supposed to trigger the lightbox like:

#lightbox_/rapid-equipment-portfolio/insta360-one-360-degree-camera

There are no errors in console, so it's difficult to know what, if any conflict may be happening with the various scripts.

The summary blocks are set to Load All under Lazy Settings and we've tried variations on that setting but none of them made a difference.

My guess is that it may be some limitation in the lightbox script itself which is adhering to the default limitation of the summary blocks only being able to show 30 at a time without the Lazy Summary plugin, but I'm not sure how to even test that out short of searching the lightbox plugin code itself, which I've tried, but can't really make sense of.

Anyway, the client is wanting to show a preview of the site to their funders in a week, so I'm hoping to get this resolved in time for that.

Thanks so much in advance for any advice or help anyone can provide.

Martin
 

Edited by mferrini
Link to comment
  • Solution

This issue has been resolved with help from both @tuanphan and the fine folks at SQSPThemes (Lightbox Anything) who suggested I add a hook to the Universal Filter config:

hooks: {
  afterFilter: function (f) {
    if (f.requestComplete) {
      pluginLightbox({"closeExisting":"true"});
    }
  }
},

And that did the trick!

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.