Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • January 15, 2017 at 3:54 pm #733762
    Chantalkrijn

    Hi,

    When I use some animated elements it seems to be slow loading or not at all. Sometimes you have to scroll down and up again to see the animation, sometimes it starts loading once it is already on top of the page, not when it comes visible below when scrolling.

    On my ‘Gallery’ Page you can not scroll and then the Masonry Gallery wont load properly. (I think it is because of the scrolling, not sure..)

    How can I fix this?

    January 16, 2017 at 7:23 am #733913
    Rikard

    Hey Chantalkrijn,

    Please send us a temporary admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Best regards,
    Rikard

    January 17, 2017 at 1:58 am #734425
    Chantalkrijn

    Hi Rikard,

    Thank you for replying, it seems my e-mail notifications were not on ;)

    Thanks!

    • This reply was modified 7 years, 10 months ago by Chantalkrijn.
    January 17, 2017 at 2:01 am #734427
    Yigit

    Hi!

    Please go to Enfold/js/shortcodes.js and find

    
$('.avia_animate_when_almost_visible', container).avia_waypoints({ offset: '80%'});

    and change it to 

    
$('.avia_animate_when_almost_visible', container).avia_waypoints({ offset: '100%'});

    Cheers!
    Yigit

    January 17, 2017 at 2:12 am #734431
    Chantalkrijn

    Hi Yigit,

    I am sorry, I am afraid I dont understand where I can find the Enfold/js/shortcodes.js. Is this in the Editor?
    I am using the Child theme as well, does this change anything?

    January 17, 2017 at 2:04 pm #734706
    Yigit

    Hi,

    You should go to wp-content/themes/enfold/js/shortcodes.js via FTP and copy the file to your inside enfold-child/js/ folder and then add following code to Functions.php file of your child theme

    function wp_change_shortcodesjs() {
   wp_dequeue_script( 'avia-shortcodes' );
   wp_enqueue_script( 'avia-shortcodes-child', get_stylesheet_directory_uri().'/js/shortcodes.js', array('jquery'), 2, true );
}
add_action( 'wp_print_scripts', 'wp_change_shortcodesjs', 100 );

    Best regards,
    Yigit

    January 17, 2017 at 2:50 pm #734727
    Chantalkrijn

    Hi Yigit,

    Thank you for your help. The editing of the file has worked, but I seem to have no js folder inside my enfold-child folder of my FTP.

    I have only DS_store, functions.php, screenshot.png and style.css.

    Kind regards,
    Chantal

    January 17, 2017 at 3:40 pm #734754
    Yigit

    Hey!

    You should create JS folder inside your child theme :)
    Glad it worked! Let us know if you have any other questions or issues!

    Regards,
    Yigit

    January 17, 2017 at 4:23 pm #734781
    Chantalkrijn

    Hi Yigit,

    I assumed that but I did not dare because I was afraid to ruin something, haha.

    I did copy the folder and copied your text in the Child functions.php.
    Unfortunately I see no difference :(

    January 17, 2017 at 4:27 pm #734786
    Yigit

    Hi!

    Can you please post FTP logins here privately as well?

    Best regards,
    Yigit

    January 17, 2017 at 4:33 pm #734788
    Chantalkrijn

    Of course

    January 17, 2017 at 4:45 pm #734800
    Yigit

    Hi!

    It seems like you have applied the changes correctly and shortcodes.js file from your child theme is being loaded. I checked example pages in your initial post and i cannot see the issue any more. Please flush browser cache and refresh your page a few times – http://wiki.scratch.mit.edu/wiki/Hard_Refresh

    If you still experience the issues. Please elaborate, so we can make sure that we are on the same page :)

    Regards,
    Yigit

    January 17, 2017 at 4:51 pm #734807
    Chantalkrijn

    Cache cleared.. Hard refreshed.. This i what my page looks like on my screen

    January 17, 2017 at 4:54 pm #734808
    Chantalkrijn

    Also the animation (like the progress bar and Masonry) are coming in when I almost scrolled past them already

    January 17, 2017 at 5:03 pm #734816
    Yigit

    Hi!

    Can you please try de-activating all active plugins and check if that helps?
    WP login credentials did not work for me unfortunately.

    Regards,
    Yigit

    January 17, 2017 at 5:29 pm #734837
    Chantalkrijn

    Hi Yigit,

    I removed the login, I will provide new below.

    After deactivating and activating all plugins it seems to be WP Rocket! A plugin I hoped it was not haha. Any suggestions?

    Thanks again!

    Chantal

    January 17, 2017 at 5:35 pm #734848
    Yigit

    Hey!

    Please go to WP Rocket settings and try adjusting them. Please try disabling to minify CSS and JS files and check if that helps. You can also contact their support team. They should have better insights on what could be causing the issue

    Best regards,
    Yigit

    January 17, 2017 at 5:37 pm #734853
    Chantalkrijn

    Found the culprit. It was the Lazyload of the Images.

    Search and you will find.. Thank you so much for your time!

    Best Regards,

    Chantal

    January 17, 2017 at 5:40 pm #734857
    Yigit

    Hi!

    You are welcome! :)

    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Cheers!
    Yigit

  • Author
    Posts
Viewing 19 posts - 1 through 19 (of 19 total)
  • The topic ‘Loading time of animated elements’ is closed to new replies.