Disable touch on fslider

GGeorgevanKJun 20, 2016

Hi guys.

First of all, complements on the great theme!

I've got a question about fslider. Is there a way to disable touch on the slider. Now when i scroll on a Phone or tablet and touch the images on the slider, the slider scrolls to the next image in stead of the page scrolling further. So something like "touchenabled: "off"" maybe, but I can't find it as yet.

Thanks

Kind regards, George

SSemicolon WebSTAFFJun 20, 2016

Hello,

Thank You so much for the Kind Words. :)

This is Definitely Possible. Please find the loadFlexSlider: function() Function Block in the js/functions.js File and replace the entire function Block with the following code:

loadFlexSlider: function(){

	if( !$().flexslider ) {
		console.log('loadFlexSlider: FlexSlider not Defined.');
		return true;
	}

	var $flexSliderEl = $('.fslider:not(.customjs)').find('.flexslider');
	if( $flexSliderEl.length > 0 ){
		$flexSliderEl.each(function() {
			var $flexsSlider = $(this),
				flexsAnimation = $flexsSlider.parent('.fslider').attr('data-animation'),
				flexsEasing = $flexsSlider.parent('.fslider').attr('data-easing'),
				flexsDirection = $flexsSlider.parent('.fslider').attr('data-direction'),
				flexsReverse = $flexsSlider.parent('.fslider').attr('data-reverse'),
				flexsSlideshow = $flexsSlider.parent('.fslider').attr('data-slideshow'),
				flexsPause = $flexsSlider.parent('.fslider').attr('data-pause'),
				flexsSpeed = $flexsSlider.parent('.fslider').attr('data-speed'),
				flexsVideo = $flexsSlider.parent('.fslider').attr('data-video'),
				flexsPagi = $flexsSlider.parent('.fslider').attr('data-pagi'),
				flexsArrows = $flexsSlider.parent('.fslider').attr('data-arrows'),
				flexsThumbs = $flexsSlider.parent('.fslider').attr('data-thumbs'),
				flexsHover = $flexsSlider.parent('.fslider').attr('data-hover'),
				flexsSheight = $flexsSlider.parent('.fslider').attr('data-smooth-height'),
				flexsUseCSS = false;

			if( !flexsAnimation ) { flexsAnimation = 'slide'; }
			if( !flexsEasing || flexsEasing == 'swing' ) {
				flexsEasing = 'swing';
				flexsUseCSS = true;
			}
			if( !flexsDirection ) { flexsDirection = 'horizontal'; }
			if( flexsReverse == 'true' ) { flexsReverse = true; } else { flexsReverse = false; }
			if( !flexsSlideshow ) { flexsSlideshow = true; } else { flexsSlideshow = false; }
			if( !flexsPause ) { flexsPause = 5000; }
			if( !flexsSpeed ) { flexsSpeed = 600; }
			if( !flexsVideo ) { flexsVideo = false; }
			if( flexsSheight == 'false' ) { flexsSheight = false; } else { flexsSheight = true; }
			if( flexsDirection == 'vertical' ) { flexsSheight = false; }
			if( flexsPagi == 'false' ) { flexsPagi = false; } else { flexsPagi = true; }
			if( flexsThumbs == 'true' ) { flexsPagi = 'thumbnails'; } else { flexsPagi = flexsPagi; }
			if( flexsArrows == 'false' ) { flexsArrows = false; } else { flexsArrows = true; }
			if( flexsHover == 'false' ) { flexsHover = false; } else { flexsHover = true; }

			$flexsSlider.flexslider({
				selector: ".slider-wrap > .slide",
				animation: flexsAnimation,
				easing: flexsEasing,
				direction: flexsDirection,
				reverse: flexsReverse,
				slideshow: flexsSlideshow,
				slideshowSpeed: Number(flexsPause),
				animationSpeed: Number(flexsSpeed),
				pauseOnHover: flexsHover,
				video: flexsVideo,
				controlNav: flexsPagi,
				directionNav: flexsArrows,
				smoothHeight: flexsSheight,
				useCSS: flexsUseCSS,
				touch: false,
				start: function(slider){
					SEMICOLON.widget.animations();
					SEMICOLON.initialize.verticalMiddle();
					slider.parent().removeClass('preloader2');
					var t = setTimeout( function(){ $('.grid-container').isotope('layout'); }, 1200 );
					SEMICOLON.initialize.lightbox();
					$('.flex-prev').html('');
					$('.flex-next').html('');
					SEMICOLON.portfolio.portfolioDescMargin();
				},
				after: function(){
					if( $('.grid-container').hasClass('portfolio-full') ) {
						$('.grid-container.portfolio-full').isotope('layout');
						SEMICOLON.portfolio.portfolioDescMargin();
					}
				}
			});
		});
	}
},

This will definitely fix your issue. Let us know if we can help you with anything else or if you find any further issues.

GGeorgevanKJun 24, 2016

Hi,

Thanks :) That did the trick.

Kind regards,

George