Divi Blog Module: Disable AJAX Pagination, Require /page/2/2 min read

I hate that Divi's Blog Module dynamically loads the next set of blog posts without changing the URL. For example, if your blog category page is:

domain.com/category/news

and you click “Older Entries”…

Rather than take you to

domain.com/category/news/page/2/ like every other theme, it dynamically loads the subsequent set of blog posts and keeps you on the original URL (domain.com/category/news).

That drives me crazy because if you click “Older Entries” and arrive on Page 6 (for example), and then you click a blog post to open it, and then you click “Back”, Divi takes you back to the Page 1 of posts instead of Page 6 where you left off.

Sometimes I wonder if the people who develop Divi actually use Divi because this is so dumb.

What's causing it?

Divi is using AJAX to load the next set of posts without changing the URL. They call it an experience upgrade, but it's far from it.

Here's what to do about it:

Option #1:

Here's the JavaScript code to add to your HEAD:

<script>
(function ($) {
  $(document).ready(function () {
    $(".et_pb_module.et_pb_posts .pagination a, .et_pb_blog_grid .pagination a").click(function () {
      window.location.href = $(this).attr('href');
      return false;
    });
  });
})(jQuery);
</script>

Here's the original code om Divi's website:

https://help.elegantthemes.com/en/articles/2912512-how-to-disable-ajax-pagination-in-the-blog-module

It took me forever to find that, and even Divi's support didn't know how to do it (even though it's on their website).

This will retain your Older / Newer pagination links, but actually take people to /page/2/ and /page/3/ and so on instead of keeping them on the same URL.

Option #2:

I took the opportunity to convert my Older / Newer links into Numbered Pagination using these instructions:

https://help.elegantthemes.com/en/articles/8570102-how-to-disable-the-ajax-pagination-for-the-blog-module-using-the-wp-pagenavi-plugin

You don't need to do both. It's one or the other — Option #1 or Option #2. If you just want the actual pagination, do Option #1. If you want the numbered pagination, do Option #2.

Divi, how dare you not build this as a native option within the Blog Module. Instead you built some Divi AI that no-one asked for.