Carousel: touch swipe / drag doesn’t work

  • hariseanli

    (@hariseanli)


    6 days, 5 hours ago

    Hi QuadLayers team,

    I’m having an issue with the carousel layout where visitors cannot swipe or drag the slides, either on mobile or desktop.

    The carousel itself is working correctly — the navigation arrows and pagination dots work as expected. The only issue is that touch/drag/swipe interaction does nothing.

    I couldn’t find a setting in the plugin to enable swipe/drag, so I checked the compiled frontend JavaScript. In build/frontend/js/index.js, the Swiper instance appears to be initialized with:

    allowTouchMove: false

    For example:

    new Swiper(el, { slideClass: "instagram-gallery-item", loop: true, centeredSlides: ..., allowTouchMove: false, slidesPerView: ..., pagination: {...}, navigation: {...}, breakpoints: {...} })

    Could you confirm whether allowTouchMove: false is intentional?

    If so, is there a plugin setting or recommended way to enable touch/swipe/drag interaction for the carousel? If it is not intentional, could this be a bug in the current version?

    Thanks.

You must be logged in to reply to this topic.