Carousel Component Swipe on Mobile | Community
Skip to main content
rsl_lucky
rsl_lucky
Level 4
October 4, 2021
Solved

Carousel Component Swipe on Mobile

  • October 4, 2021
  • 1 reply
  • 2030 views

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.

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by Asutosh_Jena_

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!

1 reply

Asutosh_Jena_
Community Advisor
Asutosh_Jena_Community AdvisorAccepted solution
Community Advisor
October 10, 2021

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
    fabianh12876403
    Level 2
    October 10, 2024

    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.

    Terms & ConditionsAccessibility statement

    Loading footer...