Slider
Hello! I need your help with the slider. I’m trying to achieve this result:
https://webflow.com/made-in-webflow/website/collection-carousel?ref=made-in-webflow-search&searchValue=loop%20carousel
I face a problem when I click on the arrow, the previous and selected slide look fine, but the next one doesn’t shrink. I checked the interaction setting on the example provided but can’t find where I’m wrong. Also, I would like to make the loop look infinite. Here is my preview, a slider is in the Analysis Overview section:
https://preview.webflow.com/preview/anastasiias-top-notch-site-00e22c?utm_medium=preview_link&utm_source=designer&utm_content=anastasiias-top-notch-site-00e22c&preview=ea5ee8fa1e01c73c5c2d4f60a98e6a25&workflow=preview
I'll appreciate your thoughts and corrections 😊
Collection Carousel
Collection Carousel - Webflow
Continuous Collection Slider - starts on second panel - mobile friendly
2 Replies
cool example - I think the problem is that you are triggering on the class whereas the example you sent is triggering on the element only. This difference is causing your interaction to run on every element with the classname.
Yep, I struggled the entire day, and changing the trigger solved the issue. Thank you a lot!