infinite-scroll

Jetpack infinite scroll not working on twentysixteen custom theme

I added the render and this is the full code. function mytheme_infinite_scroll_init() { add_theme_support( ‘infinite-scroll’, array( ‘container’ => ‘content’, ‘render’ => ‘mytheme_infinite_scroll_render’, ‘container’ => ‘content’, ‘posts_per_page’ => 2, ) ); } function mytheme_infinite_scroll_render() { while( have_posts() ) { the_post(); get_template_part( ‘template-parts/content’, get_post_format() ); } } add_action( ‘init’, ‘mytheme_infinite_scroll_init’ ); you may find a problem that … Read more

Help add ajax load more button

Your div wrapper is within your while loop, and split by your if clause. This cannot work properly, since your loop will generate up to 14 divs with the id ajax. Put the opening div tag after if ( $the_query->have_posts() ) { and the closing after wp_reset_postdata(); and you should be fine. Edit Are you … Read more

How to create infinte scroll in wordpress for blog and custom post type

You probably need to define a new loop function for the Custom Post Type to pass to the render parameter. As in the example from https://jetpack.com/support/infinite-scroll/ /** * Add theme support for infinity scroll */ function twenty_ten_infinite_scroll_init() { add_theme_support( ‘infinite-scroll’, array( ‘container’ => ‘content’, ‘render’ => ‘twenty_ten_infinite_scroll_render’, ‘footer’ => ‘wrapper’, ) ); } add_action( ‘after_setup_theme’, … Read more

Isotope with Infinite Scroll

Usually isotope allows appending new items and then just re-layout the masonry again: Somewhere in your JS file you should put the elements you want to append into a variable, e.g. new_elements jQuery(‘.grid’).append(new_elements) .isotope(‘appended’, new_elements) .imagesLoaded( function() { jQuery(‘.grid’).istotope(‘layout’); }); Source: http://isotope.metafizzy.co/methods.html The solution Thanks to @vajrasar for the final touches. When you echo the … Read more

+ More