Issue with Swiper.js infinite loop

Design help Custom code
1

Hello Webflow fam!

I managed to create a CMS slider with swiper.js. It works correctly apart from one really annoying detail: if you click the “next slide” button, the slider will show empty slides. Weirdly, the infinite loop works when clicking “previous slide”. I spent hours searching for a solution on Google, so this is my last resort.

Here’s a preview: test

Read-only link: Webflow - OrderGrid

Any suggestion will be very appreciated. Thanks!

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

did you find any solution to this?

3

Also experiencing this issue. If anyone has a solution, please link to it as this is fairly annoying!

4

It’s been a long time but if I remember correctly the issue was caused by flexbox in Webflow. If have center-aligned the slides inside the slides container, try removing that and see if it works.