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