How do I make KLEO work with JetPack Infinite Scroll?

Hello, what type of layout for posts? Masonry, thumb, normal?

I have bought the animate lazy load plugin, but it does not work with the masonry view posts and it also does not work smoothly in woocommerce. The first products on the page have a white colored thumbnail. While scrolling further down the woocommerce page, they appear smoothly.
I have checked there documentation, but i cannot seem to figure it out. Any ideas?

They only mention this in the documentation for custom templates:

//Example : 1
$html = ‘‘;
$html .= ‘<p>animate lazy load image</p>’;
$html .= ‘‘;
$html = apply_filters( ‘animate_lazy_load_html’, $html );
echo $html;

//Example : 2
$page_id = 1;
$page_data = get_page( $page_id );
echo ‘<h3>’. $page_data->post_title .'</h3>’;
echo apply_filters(‘the_content’, $page_data->post_content);

//Example : 3
$content = apply_filters( ‘the_content’, get_the_content() );
$content = str_replace( ‘]]>;’, ‘]]&>’, $content );
echo $content;

you have to put id=”content” inside kleo’s index.php (in a div next to line 104, before the loop) and put this on kleo’s functions.php:

add_theme_support( ‘infinite-scroll’, array(
‘type’ => ‘scroll’,
‘footer_widgets’ => true,
‘container’ => ‘content’,
‘wrapper’ => true,
‘render’ => ‘kleo_render_infinite_scroll’,
‘posts_per_page’ => false
) );

function kleo_render_infinite_scroll() {
while ( have_posts() ) : the_post();

/*
* Include the post format-specific template for the content. If you want to
* use this in a child theme, then include a file called called content-___.php
* (where ___ is the post format) and that will be used instead.
*/
?>
<?php
if ( $blog_type != ‘standard’ ) :
get_template_part( ‘page-parts/post-content-‘ . $blog_type );
else:
get_template_part( ‘content’, get_post_format() );
endif;

endwhile;
}

It looks right… I forgot to mension I commented kleo_pagination(); on index.php. It works here…

Thank you fanartix for your reply,

I have double checked it and the jetpack with infinite sroll is activated.
index.php is adjusted as above and i have commented out kleo pagination as you suggested, but still no luck
To be sure, can you copy paste your code using the code tag in this post another time?

there were 2 wrong things in the code:
1)try to change
type' => 'scroll',
for
type' => 'click',
and place a comma after
'posts_per_page' => false

and take a look at jetpack otions max posts per page. I noticed that if you let as default (10) it does’nt show all page content. So it might be better to uncomment kleo paginatin to avoid problems.

An infinite scroll would be such a great option to be integrated in the KLEO theme:-)
KLEO already has the wishlist from Yith included. maybe it is a good idea to also inlcude the infinite scroll from them.
I just tried the infinite scroll from Yith and it works half. Content is loaded but content is empty / white

the links:

http://stackoverflow.com/questions/20815779/javascript-scroll-function-not-working
http://code.tutsplus.com/tutorials/how-to-create-infinite-scroll-pagination–wp-24873