▼
Streaming live at 10am (PST)

CMS slider pagination problem – refreshes page

Design help CMS
#1

My client has their reviews in a CMS, so we’d like to have a slider that rotates 4 at a time. Problem is that the slider element doesn’t work with a CMS, so the workaround is using pagination. I thought this would work because in the designer it’s perfect, but once I publish you can see that it refreshes the full page to go to the next 4 reviews. Any ideas on how to make a slider function with a CMS… OR make pagination not refresh the whole page?

Image 2020-10-30 at 8.48.05 AM
Image 2020-10-30 at 8.48.05 AM1486×916 172 KB

Video showing the problem:

Here is my public share link: https://preview.webflow.com/preview/link-my-books?utm_medium=preview_link&utm_source=dashboard&utm_content=link-my-books&preview=deea37a0af09fbb52c8f0ae636c473fc&mode=preview

#2

Take a look at this might be useful

2 Likes
#3

Saw that thanks! Unfortunately I don’t think this works when the slider has multiple CMS items per slide. There are 4 reviews on Desktop and 1 review per slide on mobile.

#4

I would love to be able to keep it the way I have now if the page just wouldn’t refresh every time I clicked to the next 4 reviews! Not sure why it does that instead of just animating to the next slide.

#5

Did you look at the CMS slider from fin sweet?

#6

I used this fix so that when you click “next” or “previous” the user doesn’t go back to the top of the page Creating a seamless pagination experience in Webflow - YouTube

How did you get your testimonials to display 4 on desktop and 1 on mobile using pagination?

#7

Hey Michelle,

I ended up turning my testimonials into symbols and putting 1 in each slide. Then doing overrides on that testimonial symbol for each customer.

On desktop, the width of each slide is 33%, and on mobile it’s 100%.

I recorded a Loom video to show you how here: https://www.loom.com/share/109d50930dcf4b5a8091fcc13b697698

Hope this helps :slight_smile:

#8

holy macaroons, I needed this, thank you!