Exclude links from transition

Hello theorian82,

Yes you are able to prevent page transitions when clicking on specific links with a class attached to it.
We are using a script to add animation on click any links. If you want to prevent page animation on some specific links then tell me class name for it. I will customize it for you.

Thanks

That would be fantastic. The class I would be using is ‘no-transition’. But I would use any class you suggest if you already have something like this ready to go.

Thanks a lot!

Hi theorian82,

Follow these steps for add class to prevent page transitions when clicking on specific links :-

Step 1: First open your plugin directory.

Step 2: Here you will see a file page-animations-and-transitions.php , open this file into any editor.

Step 3: Find below script at near line no. 126:

 <script>
	jQuery(document).ready(function() {
	  jQuery(".animsition").animsition({
		inClass               :   '<?php echo $weblizar_page_in_trans ?>',
		outClass              :   '<?php echo $weblizar_page_out_trans ?>',
		inDuration            :    <?php echo $weblizar_page_in_durations ?>,
		outDuration           :    <?php echo $weblizar_page_out_durations ?>,
		linkElement   :   'a:not([target="_blank"]):not([href^=#]):not([href*=".gif"]):not([href*=".mov"]):not([href*=".swf"]):not([href*=".jpg"]):not([href*=".jpeg"]):not([href*=".png"])',
		touchSupport          :    true,
		loading               :    true,
		loadingParentElement  :   'body', //animsition wrapper element
		loadingClass          :   'animsition-loading',
		unSupportCss          : [ 'animation-duration',
								  '-webkit-animation-duration',
								  '-o-animation-duration'
								]
	  });
	});
	</script>

Step 4: Replace above script with below code

 <script>
	jQuery(document).ready(function() {
	  jQuery(".animsition").animsition({
		inClass               :   '<?php echo $weblizar_page_in_trans ?>',
		outClass              :   '<?php echo $weblizar_page_out_trans ?>',
		inDuration            :    <?php echo $weblizar_page_in_durations ?>,
		outDuration           :    <?php echo $weblizar_page_out_durations ?>,
		linkElement   :   'a:not([target="_blank"]):not([href^=#]):not([href*=".gif"]):not([href*=".mov"]):not([href*=".swf"]):not([href*=".jpg"]):not([href*=".jpeg"]):not([href*=".png"]):not([class="no-transition"])',
		touchSupport          :    true,
		loading               :    true,
		loadingParentElement  :   'body', //animsition wrapper element
		loadingClass          :   'animsition-loading',
		unSupportCss          : [ 'animation-duration',
								  '-webkit-animation-duration',
								  '-o-animation-duration'
								]
	  });
	});
	</script>

Finally save file.

Now use class=”no-transition” for specific link to prevent page transitions when clicking on it.

Thanks

Works perfectly! Thank you very much for your help! This was the only transition plugin I was willing to use after testing numerous others.

Hi weblizar, I agree with theorian82, this is the only transition plugin I’m willing to use, nice job!

Regarding the class discussion. I’ve added :not([class="flyout-close-button"]) to the linkElement on line 131 of page-animations-and-transitions.php, but it doesn’t seem to be working. Do you mind taking a look at this page for me?
https://www.badashcreative.com/2015c/work/somadome

The class can be found within the bottom left, ‘INFO’ button. It’s the class that’s called when you close the flyout from either clicking the “X” or anywhere in the dark overlay.

Thank you!