Hi Nikita, Hi Bob,
First thank you for this amazing tutorial. Also thank you so much Nikita for sharing your snippets to help combine the Ajax Filtering with the Load More Button. It was just what I needed. I’ve attempted to implement this on a website I’m building and I’m stumped right now. I’ve got it to work without any errors as far as I can tell. The only problem is that it just returns a blank response and the space where the new paginated posts should appear also becomes blank. For Context, I’m using Bricks Builder for the frontend and I’ve added the necessary data attributes at the front end. Problem as I suspect is in the process of converting the JSON to HTML but I might be wrong.

PHP Function: https://pastebin.com/z47pzb57
JS: https://pastebin.com/HN529rbB

You can view the behavior on the frontend here: https://dev.heterodoxcentre.com/media-events/
Though the site is currently under development and might be changed when you eventually view it.

I found the solution to the excerpt length here:
https://wordpress.org/support/topic/unexpected-behavior-in-post-loop-after-sending-ajax-request/

Cheers,

One issue that I’m facing however is that the returned posts via Ajax are ignoring my custom excerpt length for posts:

function new_excerpt_length($length) {
return 20;
}
add_filter(‘excerpt_length’, ‘new_excerpt_length’);

The ajax loaded posts – for some reason – are returning with exactly 100 words.

Any ideas?

The 404 means that you are sending a request to a file that does not exist. Make sure the path to your admin-ajax.php is correct and that the function name exists. Otherwise I’ll need a screenshot or something to be able to help out.