Single sweep skips next slide and pagination buttons on 2nd slide take me back to 1st slide

Finsweet Components Slider
1

Description

I’m running into two issues on my cms finsweet powered webflow swipable portfolio.

  1. When i swipe UP (either on pc or smartphone) the gesture doesn’t take me to the next slide but to the after-the-next slide, i can see the next slide pass me by very fast. When i swipe DOWN (it’s an infinite loop) the swiper behaves like it should and it takes me to the next slide without skipping. Also i noticed that when i swipe up and hold the gesture everything becomes invisible and if i swipe back down a little (while still holding the gesture) everything becomes visible again.
  2. In my second slide i display my entire cms collection and have added pagination to display one item at the time. The pagination buttons when clicked do trigger the next item to show up BUT also take me back to the first slide and that doesn’t make sense to me as the page link should tell webflow to display the same slide as before (slide nr. 2) but showing the next/previous cms item of the list.

Cheers to the finsweet team, keep up the great work

Site URL

Steps to Reproduce

  1. Swipe down/up
  2. Swipe up and hold then swipe down a little
  3. Click on the previous/next pagination buttons

2

Hey @costadavy! For the first issue, could you please share a quick Loom showcasing the bug from your end?

For the second issue, you could try adding List Load using instances whenever you want to add a whole collection list to a slide.

Currently, you are using Webflow’s native pagination, which re-renders the page and causes the slider to reset to the first slide. Attributes List Load does not re-render the page. We dynamically render the collection item elements when needed.

If you can share your read-only link, I can show you where the attributes should go!

1 Like
3

first video: swipe up

second video: swipe down

third video: swipe up and hold then down and up again while holding

drive link to videos: finsweet issue video - Google Drive

4

read-only link: Webflow - neihardt.ai

5

I found out that by disabling the ‘‘loop’’ option in the finsweet slider editor the first issue seems to go away.

The links i sent you, did they work?

6

Hey @costadavy!

There are only 2 slides on the slider, this could be a reason why you are not seeing the issue at the moment. Could we add some more sample items to the slider and test again?

I have tested the current settup, enabling the loop setting with an override, and can confirm that the issue is present.

1 Like