Skip to main content
All CollectionsTroubleshooting and FAQsFrequently Asked QuestionsBlog Module
How to Disable the AJAX Pagination for the Blog Module
How to Disable the AJAX Pagination for the Blog Module

Learn how to disable the default AJAX navigation for the Blog module and update the page URL with the correct pagination page URL.

Updated over 3 months ago

The Blog module uses AJAX pagination, which loads the paginated post without reloading the page.

This will also prevent the browser from updating the page URL. If you would like to change this, please follow the steps below.

Install the WP-PageNavi WordPress plugin

Note: This plugin will allow us to change the Previous and Next pagination links to Numbers and allow us to disable the AJAX pagination.

WP PageNavi - Navigation Example
  1. Go to WordPress Dashboard → Plugins → Add new plugin.

  2. Use the Search form(on the top right corner) and search for WP-PageNavi.

  3. Install and activate the WP-PageNavi plugin.

Customize the Blog module

  1. Open the Blog module settings.

  2. Go to Advanced Tab → CSS ID & Classes → CSS Class and type in divi_blog_module_custom_nav

  3. Go to Divi → Theme Option → Integration tab > Header and add this jQuery code:

    <script id="divi-disable-ajax-pagination-blog-module">
    (function ($) {
    $(document).ready(function () {
    $(".divi_blog_module_custom_nav .wp-pagenavi a").click(function () {
    window.location.href = $(this).attr('href').replace('?et_blog', '');
    return false;
    });
    });
    })(jQuery);
    </script>
Did this answer your question?