yes…would love to get an infinite scroll support for your theme
Will see if I get time to add this.
The potential issue here is that each row of 2 entries are wrapped in a div together, and I’m not sure how well Jetpack handles that.
If anyone got it to work, feel free to save me the time to investigate and share the fix – and I’ll add it to theme 🙂
Sorry to chime in, but maybe switching 2 entries row to one entry solves this matter ?
I know the theme originally has 2 entries, but…
Hello all,
I don’t know if this is the right place to post this or no, but I am trying to show only one entry per line instead 2 which is default.
Can anyone help me with that?
Thanks in advance
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Dear all,
I just got the infinite scroll working on my localhost. Here’s how I did it.
1. I installed and activated the Infinite-Scroll plugin
2. In the Infinite-Scroll options, I entered the following attributes:
Content Selector: .post-list
Navigation Selector: .wp-pagenavi
Next Selector: .nextpostslink
Item Selector: .post-row
In the child theme’s style.css, I also added the following line:
.wp-pagenavi {display:none;}
I saved the settings and refreshed the homepage and viola, I got infinite scroll working.
This is a quick and dirty method to get the infinite scroll working for this theme and the flipside is that, you need to have the WP-PageNavi plugin installed and activated.
If somebody has an idea to achieve this without the WP-PageNavi plugin, please share your method here.
Thx @mithun. Works fine for me.
BR
Hey @mithun
I had a look at the latest version of the css and I believe using Navigation Selector: .pagination
will work.
Hi HelpMeHelpYou,
I found a much better solution meanwhile. With this approach you don’t need WP Page Navi plugin anymore (1 plugin less, a bit faster website).
Please put this code in your child theme’s functions.php:
/**
* Infinite Scroll
*/
function custom_infinite_scroll_js() {
if( ! is_singular() ) { ?>
<script>
var infinite_scroll = {
loading: {
img: 'data:image/gif;base64,R0lGODlhAQABAHAAACH5BAUAAAAALAAAAAABAAEAAAICRAEAOw==',
msgText: '<?php _e( '<i class="fa fa-cog fa-spin"></i>Fetching...', 'custom' ); ?>',
finishedMsg: "<?php _e( 'All articles fetched.', 'custom' ); ?>"
},
"nextSelector":".pagination a:last-child",
"navSelector":".pagination",
"itemSelector":".post-row",
"contentSelector":".post-list"
};
jQuery( infinite_scroll.contentSelector ).infinitescroll( infinite_scroll );
</script>
<?php
}
}
add_action( 'wp_footer', 'custom_infinite_scroll_js',100 );
This approach works for me and I believe should for you too. However, you never get to the bottom of the site with this approach. The footer region has some space for widgets, which is valuable real estate. Hence, I used a “Load More” button to load posts progressively. You can find this functionality on my journal’s homepage.
This functionality is slightly more complicated and if you’d like to have this functionality, you have to make some modifications at several places.
To answer your query in short, yes. Infinite scrolling works with the Hueman theme.
Best Regards,
Mithun
Hi to you all!
No update about this?
Is mithun’s solution the best one?
Hi there,
Just came by to report that the last method provided by mithun worked like a charm, I still can see the footer with no problem. A lifesaver!
PD: I think this is a musto to add to the future releases of the theme 😉
Hi guys!
I’m speaking to Alx now, template’s author: don’t you think this topic has to be taken into real consideration and implement it in your theme?
Please, let us know.
Thanks!
Hi everybody,
I just tried the code snippet provided by mithun in order to receive infinite scrolling. But unfortunately it doesn’t work for me.
As far as I could see mithun also does not use this functionality on this website anymore.
@ Albert Calvet: Could you please give as a link to your website if you are using infinite scrolling? Thank you
Regards,
Karsten
