Square Websites Universal Filter Plugin + Ghost Easy Video Lightbox

hey guys!

i need your help with a project i'm woking on!

WHAT I'M TRYING TO DO:

Last week, I purchased two plugins, but I'm having trouble getting them to work together:

•  Easy Video Lightbox, from Ghost Plugins
• Universal Filter by Square Websites

I followed the developers' step-by-step instructions to install both plugins and then applied the Universal Filter to a blog page. I don't want visitors to actually access the blog posts; instead, I want to use the blog post thumbnails as a gallery where people can click and watch a video in a lightbox.

To activate the Easy Video Lightbox plugin when a thumbnail is clicked, I did two things:

1. I added a link to a Vimeo video in the excerpt of each blog post, starting with a '#' as instructed by Ghost Plugins.
2. I injected this code into the header of my site to hide the excerpt text and make the whole thumbnail clickable:

<style>
.blog-item {
    position: relative;
}
.blog-item p a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    color: transparent !important;
}
</style>

It's easier to show you how it works than to explain it. Please check out this page:

https://metodo.directory/

The site is still under construction, but it's functional enough with some placeholder thumbnails and videos.

THE ISSUE:

When you access the site and select "MÉTODO:IZIQUE" from the first dropdown filter, you'll notice that both plugins and my code adjustment work seamlessly up to the third row (covering the first 18 blog posts).

However, from the 19th blog post onward, instead of triggering the video lightbox, the link redirects to "https://metodo.directory/#https://vimeo.com/883467468" and fails to function.

I'm aware that Squarespace doesn't handle issues with third-party plugins, but I thought I'd seek advice here. I've reached out to the developer's support channel but haven't received a reply yet.

Does anyone have suggestions on how I might resolve this issue?

Thanks a lot!

Caio

I used to have similar problem with Universal Filter Plugin + Video Lightbox Plugin (from SQSPThemes), then I contacted Video Lightbox support.

You try contacting Ghost Plugin support.

12 minutes ago, tuanphan said:

I used to have similar problem with Universal Filter Plugin + Video Lightbox Plugin (from SQSPThemes), then I contacted Video Lightbox support.

You try contacting Ghost Plugin support.

Thanks for responding so quickly. I've reposted my question with more details. (I accidentally posted it earlier while I was still writing.)

I'm still waiting to hear back from the Ghost Plugin team; I haven't had any luck yet.

I also tried their Video Lightbox Plugin and—like you—had the same problem. Did SQSPThemes manage to resolve your issue in the end?

Thanks again.

Not sure SQSPTHEMES or Filter author, I just searched and found this code on my pc

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

not sure this code will fix your problem or another problem 😆

Here's another variation of Tuan's code though the code he gave should work. 
 

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