All Collections
FAQ's and Troubleshooting
How To Disable AJAX In The Blog Module
How To Disable AJAX In The Blog Module
Andrei N avatar
Written by Andrei N
Updated over a week ago

The Blog Module is using AJAX to load older posts. When you click on older entries button the Blog module is reloading instead of refreshing the entire page. This is the way that AJAX works.

The pagination links have the ?et_blog parameter to avoid the pagination clashes with the main query. It has no impact on SEO since the URL's have the "canonical" URL set to the main page.

In some cases you may want to refresh the page to apply custom styles or in order to see URL of the next page.

To disable AJAX, place this code to the Divi > Theme Options > Integration > Add code to the < head > of your blog:

<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>


If you need to disable AJAX on one page only you can place that code in the Code Module.

To disable AJAX for a particular Blog module, add a custom CSS class to Advanced settings tab of the module, for example:

disable_ajax

Next, place this code to Divi > Theme Options > Integration > Add code to the < head > of your blog:

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

Did this answer your question?