Infinite scroll for job listings

[richardmtl]

Suggested here: https://wordpress.org/support/topic/endless-content-instead-of-load-more-pagination/

I imagine we could have it be something like, use the "Listings Per Page" setting but have an extra "Infinite scroll" checkbox option.

[jinnypark]

Also requested here: https://wordpress.org/support/topic/infinite-scroll-in-wp-job-manager/

[Braehler]

If anyone is interested. here is the solution:
add this into your childtheme functions.php

`/* add infinitive srcolling for jobs */

function wpjm_enqueue_infinite_scroll_script() {
global $post;

if ( is_a( $post, 'WP_Post' ) && has_shortcode( $post->post_content, 'jobs' ) ) {
    wp_enqueue_script( 'wpjm-infinite-scroll', get_stylesheet_directory_uri() . '/js/wpjm-infinite-scroll.js', array( 'jquery' ), null, true );

    wp_localize_script( 'wpjm-infinite-scroll', 'wpjm_infinite_params', array(
        'ajax_url' => admin_url( 'admin-ajax.php' )
    ));
}

}
add_action( 'wp_enqueue_scripts', 'wpjm_enqueue_infinite_scroll_script' );
`

create a js folder in your child theme and then add this js file to the folder:
wpjm-infinite-scroll.js with the following code

`jQuery(function($) {
const loadMoreButton = document.querySelector('.load_more_jobs');

if (!loadMoreButton) return;

const observer = new IntersectionObserver((entries) => {
    entries.forEach(entry => {
        if (entry.isIntersecting && !loadMoreButton.disabled) {
            loadMoreButton.click(); // Triggert WP Job Manager AJAX
        }
    });
}, {
    rootMargin: '0px 0px 300px 0px', // Trigger 300px vor dem Button
    threshold: 0
});

observer.observe(loadMoreButton);

});`