Streaming live at 10am (PST)

CMS carousel - next-previous always active

I’m working on a CMS powered carousel.
I’ve got it working with the CMS collection pagination functionality, but this works as a slider and not as a carousel.

With a carousel, you can go-round with the next and previous buttons. They will always be active an just go round-and-round-and-round-and-round :slight_smile:.
But with the pagination functionality, it disables the next or previous button when you are at the beginning or end of the collection.

I want it to function as a carousel, so the next previous button should always be visible.
I’ve seen some articles using owl slider etc. but I’m not sure what is the best way to do this.

Anyone has an idea how to use the pagination function with carousel ability or which solution with external JS (like owl.js) is the best to use for this case?

The solution I have now: https://preview.webflow.com/preview/vigere-development?utm_medium=preview_link&utm_source=dashboard&utm_content=vigere-development&preview=a783aff26401ce40eb8fe0fca63c750f&mode=preview

It sits right below: ACTUEEL

My go to carousel is: https://flickity.metafizzy.co/ similar to owl.js

Just a few lines of code you can copy paste from their Options page it will work.

You can see it being used here. https://www.suprabaru.id/water-parks/water-parks-products