Next Button not working on Infinite Loop Slider

Trying to use the slider for a featured merch section. I set it to loop, but the Next Button doesn’t work. The Previous Button does work and loops fine. This is the second slider on the page. First one is set to vertical, not set to loop, and both navigation buttons for it work.

For the sake of eliminating conflicts, I built it on a separate page to test. Same issue. I added another instance with the same settings, but this time I didn’t do any styling or moving around (left it at the Finsweet defaults). The only thing I did was connect it to the CMS and connected the text to the Title of the entry so there would be entries.

Same problem.

The share link here is for the test page with both instances.

Share Link: Webflow - Star Forest

Loom Link: Slider Troubleshooting | Loom

Screenshots:





Hey @theKVD! The issue comes from the amount of slides on the sliders on the page.

If you inspect the console you will see these errors

You can either add more items to the collection list or change the slidesPerView value from 3 to 1

Here is a quick demo adding items to the list. The warnings on the console are from the extra slider at the bottom of the page

1 Like

Thank you for the help Luis! Not sure why I didn’t think to check the console. :slight_smile:

I happened to be in the middle of connecting the Shopify site to this with Make as you were looking into it, so thankfully more things are in there now and it’s working perfectly.

If possible, I’d love to see this either documented or “fixed” in a future update. Since the Previous Button does work in this case it’s confusing why the Next doesn’t. I don’t always design with more than a handful of CMS entries normally or else I’d have never run into it.

Either way, you rock, you all rock, thank you for you, and later!

1 Like