Infinite scroll X Filter Everything

Hi there,

not sure, the issue will stem from what that plugin is doing to the sites markup and pagination.
If you can share a link to a page where I can see the issue, I’ll be determine if it can be fixed.

Hi there,

I just tested the plugin on my site and the infinite scroll works without any issue.

Can you disable all other plugins to test?

Let me know 🙂

Not sure what you mean, how can I see the issue？

To cover; the theme adds pagination for the archive query when it gets loaded.
And that pagination has no knowledge of that plugin or what it is doing to the query.
So I can’t see a way to make the two talk without custom development. You might want to check with the plugin developer to see if they offer some kind of infinite scroll option.

ON page load, the infinite scroll script will scrape the pagination links on the page ( albeit they are hidden ). And its those links with he original query that it will use for its Ajax Loading.

OK, so we use the following package:

https://infinite-scroll.com

We initialise the script in the plugins blog/functions/js/scripts.js
Which includes getting the next link path:

var hasInfiniteScroll = document.querySelector( '.infinite-scroll' ),
nextLink = document.querySelector( '.infinite-scroll-path a' );

And that .infinite-scroll-path a element is set in:

blog/functions/generate-blog.php

Where we hook the element in:

add_action( 'generate_after_footer', 'generate_blog_do_infinite_scroll_path', 500 );
/**
 * Add a next page of posts link for infinite scroll.
 *
 * @since 2.0.0
 */
function generate_blog_do_infinite_scroll_path() {
        if ( function_exists( 'is_woocommerce' ) && is_woocommerce() ) {
                return;
        }

        $settings = wp_parse_args(
                get_option( 'generate_blog_settings', array() ),
                generate_blog_get_defaults()
        );

        if ( $settings['infinite_scroll'] && ! is_singular() && ! is_404() ) {
                printf(
                        '<div class="infinite-scroll-path" aria-hidden="true" style="display: none;">%s</div>',
                        get_next_posts_link()
                );
        }
}

So in theory you can unhook the generate_blog_do_infinite_scroll_path callback ie.

remove_action( 'generate_after_footer', 'generate_blog_do_infinite_scroll_path', 500 );

And hook in your own link….

You would need to unhook the function I mention above then hook in your own button, where you can amend the code to return the link thats required .

I don’t see this being a simple workaround , I can see there being conflicts between the two ajax scripts running on the page. I think this would require a custom solution that is out of our scope. Perhaps the grid x plugin knows of a compatible solution where there plugin