Canvas Support

Disable swipe to change slides on mobile

1 reply · opened Oct 11, 2021

AakhilkhemaniOct 11, 2021

Im trying to use the template - http://themes.semicolonweb.com/html/canvas/block-hero-9.html

In laptops and computers the slide transitions are smooth.

However, in mobiles, the transition between the slides is not smooth. It it a bit jerky. Is this a known problem ?
I have used different data effects - slide, fade, cube, coverflow, flip. But the problem is the same.

How can I disable right swipe and left swipe in a mobile phone to change the slides.
I want to keep autoplay on, and also let the user change slides using the pagination. But want to disable the
slide change with touch actions (right swipe and left swipe).

SSemicolon WebSTAFFOct 14, 2021

Hello,

Thanks for reporting this. This appears to be an issue with the Slider Plugin. We will definitely try finding possible solutions or this and release updates accordingly soon.

Regarding disabling the swipe on Mobile Devices, this will require Custom JS Codes and you will need to disable this in the Core JS Functions for the Swiper Slider. Find the following code in the js/plugins.swiper.js File:
[ch_pre type="js"]direction: elDirection,
speed: Number( elSpeed ),[/ch_pre]

and replace it with:
[ch_pre type="js"]direction: elDirection,
speed: Number( elSpeed ),
simulateTouch: false,[/ch_pre]

You will need to update the js/plugins.js or js/plugins.min.js File (according to what you are using) with the above Codes for the Swiper Slider. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard