Jump to content

Square Websites Universal Filter Plugin + Ghost Easy Video Lightbox

Recommended Posts

Posted (edited)

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

Edited by C4io
I posted that by mistake while I was still writing it.
Link to comment
Posted (edited)
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.

 

Edited by C4io
Link to comment

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 😆

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

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"});
    }
  }
},

 

We offer solutions for filtering, multi-location map display, adding tables, raising summary block limit and more at Squarewebsites  🔳.

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.