Mobile Carousel Swiper

Hi there,

I’m building a new 7.1 website and would like to add a summary block that does not stack and that allows for swiping when in mobile. I’d prefer not to have arrows, but rather the first image and some of the next one so that the viewer knows to swipe left and right. As an example, this page on the Nike site does the exact thing I’m looking for….

https://www.nike.com/ntc-app

The equinox site also has this. (I’ve included a video of the site with the functionality I’m looking for)…

Is there a plug-in or some css code that I can add to make this a possibility for my site?

Thanks in advance,

JP

Hello!

To achieve this type of carousel with swipe controls and multiple slides-per-view, your best bet is to use "Swiper.JS". It is a javascript library that is highly customizable and packed with features.

https://swiperjs.com/

Hope this helps.

On 5/4/2021 at 10:40 PM, Wolfsilon said:

Hello!

To achieve this type of carousel with swipe controls and multiple slides-per-view, your best bet is to use "Swiper.JS". It is a javascript library that is highly customizable and packed with features.

https://swiperjs.com/

Hope this helps.

could you help how you integrate swiper-js ?

On 8/25/2021 at 12:00 AM, dannyhane said:

could you help how you integrate swiper-js ?

Hi,

Do you still need help with this?

On 8/26/2021 at 11:32 PM, tuanphan said:

Hi,

Do you still need help with this?

I would like to know how to accomplish this!

On 8/26/2021 at 11:32 PM, tuanphan said:

Hi,

Do you still need help with this?

I also would like to know how to implement this into a summary block carousel. Looking to have it swipe/scroll a bit better on mobile. 

YES I'd love to know how to integrate this into a page on my portfolio? It feels perfect for several applications. 

help is definitely needed.

How to use this