Animations trigger too late

The values for the waypoints are hardcoded in /wp-content/themes/enfold/js/shortodes.js. So you have two options

1. Modify the original file
In line 86
$('.avia_animate_when_almost_visible', container).avia_waypoints({ offset: '80%'});
change the 80% to 95% or 97%.
The higher the value the earlier the elements fade in.
Caution! This file will be overwritten each time enfold gets updated. So you have to recall how to modify the file again

2. Monkey patching using a child theme
– create a child theme (simply copy the child theme from the full theme zipfile to your theme folder)
– create a directory called ‘js’ within the child theme directory
– create a file called mmx-avia-mod.js within the ‘js’ directory
– put the following code into the file mmx-avia-mod.js

(function($){
    var _old_avia_waypoints = $.fn.avia_waypoints;
    $.fn.avia_waypoints = function( options_passed ){
        if ( typeof options_passed == 'object' && options_passed ) {
            if ( options_passed.offset == '80%' ) {
                options_passed.offset = '97%';
            }
        }
        return _old_avia_waypoints.apply( this, arguments );
    };
})(jQuery);

– add the following code to your child themes functions.php

add_action( 'wp_enqueue_scripts', 'mmx_load_scripts', 999);
function mmx_load_scripts() {
	wp_enqueue_script( 'mmx-avia-mod', get_stylesheet_directory_uri() . '/js/mmx-avia-mod.js', array( 'jquery', 'avia-shortcodes' ), '', true);
}

– done
Caution! Although this modification will survive any update it will work only as long as the original function $.fn.avia_waypoints from enfold wont be modified.

@lindapolak ah I see. It is a different animation class.

Change the code in mmx-avai-mod.js to

(function($){
    var _old_avia_waypoints = $.fn.avia_waypoints;
    $.fn.avia_waypoints = function( options_passed ){
        if ( typeof options_passed == 'object' && options_passed ) {
            // if ( options_passed.offset == '80%' ) {
                options_passed.offset = '97%';
            // }
        }
        return _old_avia_waypoints.apply( this, arguments );
    };
})(jQuery);

The content of your mmx-avia-mod.js is wrong:

Please use a true editor (like notepad++) not a word processor (like ms word) to create the file. The charcaters ' need to be simple quotation marks (einfache Anführungszeichen)

PS: the wrong characters dont get displayed in the forum so i removed the correctly displayed wrong code ;-)

• This reply was modified 8 years, 6 months ago by mensmaximus.