Carousel Component Swipe on Mobile

[rsl_lucky]

Hi All,

We have Proxy Carousel component with left, right buttons on Desktop to navigate for next slides, been implemented from core carousel component. Any feasible way of providing swipe option on Mobile devices instead of left/right button clicks on the component. Where exactly it needs to be taken care to achieve it.

Thanks.

[Asutosh_Jena_ · Accepted solution]

Hi @rsl_lucky 

You will need to work along with frontend team to make this change.

First check if it can be achieved without changing the markup and by just adding few CSS property or by writing any JS.

If it cannot be done with existing markup, then you will need to modify the markup and update the proxy component so that the swipe functionality can be achieved.

Thanks!

[fabianh12876403]

This answer is not helpful, and contains absolutely not the right solution!

It's a diversion of responsility.

The Main Question is, why the core Carousel don't support Touch. As it is necessary for today, because of different reasons like accessiblity and mobile devices.

There is already an open Issue https://github.com/adobe/aem-core-wcm-components/issues/965 for this case. But it's unanswered since years.

Not clear what they are doing. But looks like they don't have enough ressources to maintain the core components.

To use custom JS libs for Touch Support, you will automatically getting conflicts with the core Carousel Scripts. And the result will end in a custom Carousel Component.

So there is not a simple solution, you just have to figure out by yourself.