Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Mobile Carousel Swiper


jpfh

Question

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

 

Link to comment
  • Answers 3
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

3 answers to this question

Recommended Posts

  • 0
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 ?

Link to comment
  • 0
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?

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...