Edit slider

9 replies · opened Jan 28, 2019

Ffrederic80Jan 28, 2019

data-grab=”false” is part of the solution for the first question. But then I still can swipe through. How can I disable this?

Ffrederic80Jan 28, 2019

Second question is solved.
Only the question to disable the swipe through the slider images. (so visitor gets no control)

Ffrederic80Jan 28, 2019

data-effect="fade" (second question)
data-grab="false" --> How can I disable the swipe through the slider images, si visitor gets no control??

Ffrederic80Jan 28, 2019

something to do with simulateTouch="False" ? Correct?
Where/how do I have to put this?

Ffrederic80Jan 29, 2019

Anyone? Help?

Ffrederic80Jan 29, 2019

I still didn't find a good solution. Any advice?

Ffrederic80Jan 29, 2019

Do I have to change this?

jQuery(document).ready(function($) {
			var swiperSlider = $('.swiper-parent')[0].swiper;
			swiperSlider.enableKeyboardControl();
		});
SSemicolon WebSTAFFJan 31, 2019

Hello,

Thank You so much for your Valuable Patience!

  1. To disable the Grab Effect on the Slider, add the data-grab="false" Attribute on the .slider-element Container.

  2. To use the Fade Effect on the Slider, add the data-effect="fade" Attribute on the .slider-element Container.

  3. To disable user control, find the following code in the js/functions.js File inside the sliderRun: function() Function Block:

swiperSlider = new Swiper( element.find('.swiper-parent') ,{
	direction: elementDirection,
	speed: Number( elementSpeed ),

and replace it with:

swiperSlider = new Swiper( element.find('.swiper-parent') ,{
	direction: elementDirection,
	speed: Number( elementSpeed ),
	simulateTouch: false,
	allowTouchMove: false,

This will definitely work fine. 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