InfiniteScroll

Hi there,

1. First, set the infinite scroll button to true, then add this PHP:

add_filter( 'option_generate_blog_settings', function( $settings ) {
    if ( wp_is_mobile() ) {
        $settings['infinite_scroll_button'] = false;
    }

    return $settings;
} );

2. You could use some javascript like this:

jQuery( document ).ready( function($) {
    var $container = $( '#main article' ).first().parent();

    $container.on( 'append.infiniteScroll', function( event, response, path, items ) {
        // Done loading new posts.
    } );
} );

Let me know if you need more info :)

Hi Tom,

For the point 1), I am sure it would work if I was serving Wordpress live, but I have a few level of caching, so the first person who visit the site would get to decide if it scrolls or not and that would change from page to page.

Surely, there's a Javascript variable that I could modify? The button is easy to hide on mobile with a media query css if it comes to that.

Regards,

I just looked into this, and I'm not seeing a JS/CSS way to do it, unfortunately. The script checks for the existence of the load more button. If it exists, the script requires you to click on it. If it doesn't exist, it will auto-load the posts.

I suppose we could try changing the class name of the button with JS, but I don't think it will work.

Let me know if you want to give it a shot.

Well, I try and it didn't work lol but I succeed in doing what I wanted with point 2) which was the most important.

Thanks a lot again Tom!

Regards,

No problem. I'll look into this to see if it's something we can make easier :)