Hey, @BernardH it looks like you might be using the wrong HubL variables for the links in your post pagination custom module and you might just be missing a slash on the href that you're using for the images. If you go to your post pagination custom module, you'd want to change the HubL variables that you're using in the href on lines 4 and 5 to href="/{{ content.previous_post_slug }}" and then on lines 13 and 14 to href="/{{ content.next_post_slug }}"
Hey, @BernardH it looks like you might be using the wrong HubL variables for the links in your post pagination custom module and you might just be missing a slash on the href that you're using for the images. If you go to your post pagination custom module, you'd want to change the HubL variables that you're using in the href on lines 4 and 5 to href="/{{ content.previous_post_slug }}" and then on lines 13 and 14 to href="/{{ content.next_post_slug }}"
Hey @BernardH I don't know for sure but I think it is probably because your load more target doesn't have an href, therefore your code doesn't have anything else to load.
Here is an example of a working example from another project (JavaScript):
$container.infinitescroll({
// selector for the paged navigation (it will be hidden)
navSelector : ".blog-pagination",
// selector for the NEXT link (to page 2)
nextSelector : "a.next-posts-link:last",
// selector for all items you'll retrieve
itemSelector : ".post-item",
// finished message
loading: {
// finishedMsg: 'No more pages to load.'
finished: function() {
if( $('.post-listing').data('infinitescroll').options.state.currPage >= {{ total_pages|round(0, 'ceil') }}) {
// console.log('no more posts');
$('.blog-listing-wrapper').removeClass('more-posts');
}
}
}
The pagination in the HTML looking something like this: