All Collections
FAQ's and Troubleshooting
How to disable the AJAX pagination for the Blog module and update the page URL with the correct pagination URL
How to disable the AJAX pagination for the Blog module and update the page URL with the correct pagination URL

Disable the default AJAX navigation for the Blog module and update the page URL with the correct pagination page URL.

Eduard Ungureanu avatar
Written by Eduard Ungureanu
Updated over a week ago

By default, 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 will also allow us to disable the AJAX pagination.

  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?