Link Block not Working for Collection List Item

Hey All,

I’m having an issue with my link block not being clickable for the background image on this slider.

I cloned Mr. Timothy Ricks swiper here: Swiper.js - Webflow

And I’ve gotten average to publish correctly, but I for the life of me can’t get the link block I’ve wrapped the background image to work.

I’m new to webflow, but from what I’ve been reading it seems like it’s an issue with it’s Z index compared to the other items in the div block?

Any help would be much appreciated.


Here is my site Read-Only: https://preview.webflow.com/preview/wampushq?utm_medium=preview_link&utm_source=designer&utm_content=wampushq&preview=369a56939c25df07e27b34140c544ab0&locale=en&workflow=preview

Get very friendly with Chrome devtools.

Swiper.js works by appling special arrangment, positioning and layering rules to the elements within it, so when you’re trying to do special element arrangements inside of swiper, you have to account for those major impacts.

I’ve never been blocked from achieving a capability I wanted, but it often took quite a bit of experimentation to find the right solution. That’s often easiest to do in devtools since you can see exactly what’s happening to your arrangement and that makes the options clearer.

Sounds like it’s not a “just check this box” solution lol.

Thank you for the quick response

In the end, it probably will be, more or less.
The problem is in identifying the right box, and the right way to check it.

hi @Brandon_B I have checked your project and swiper works as expected. Keep in mind that javascript doesn’t work in Designer “preview” to see JS work you have to visit Live published site.

https://wampushq.webflow.io

At this moment you have active link only on slide “title” section. The reason why you can’t click on slide BG image is that slider-titles_component has set height: 100%; this means that the element which holds bg image is not accessible. The one way be able to click on bg image is reseting height value to create a space where you can click. Other option can be set “click through” but I didn’t tried that.

1 Like

Went ahead and reset the height to auto, works well enough for what I was looking for, thank you!

1 Like