Ajax pagination not working

Have you got a demo?

If not can you also post up the contents of the file templates/content-blog.php

Thanks

The site is on my localhost
Here is the templates/main-post.php

<div class="main-post">
  <?php
  $args = array(
    'category_name' => 'main-post'
  );
  $custom_query = new WP_Query($args);
  while ($custom_query->have_posts()) : $custom_query->the_post(); ?>
    <div class="img-block">
      <div class="date-wrap">
        <p class="month-name"><?php the_time('F'); ?></p>
        <p class="month-date"><?php the_time('j'); ?></p>
      </div>
      <?php the_post_thumbnail(); ?>
    </div>
    <div class="content">
      <h2><?php the_title(); ?></h2>
      <p><?php $content = get_the_content();
      echo wp_trim_words( $content, '140' ); ?> <a href="<?php the_permalink(); ?>">Lire la suite <img src="<?php bloginfo('template_directory');?>/dist/images/blog/link-arrow.png" alt="Link arrow" width="10" height="26" /></a></p>
    </div>
  <?php endwhile; wp_reset_postdata(); ?>
</div>

and here is the templates/content-blog.php

<article>
  <div class="img-block">
    <div class="date-wrap">
      <p class="month-name"><?php the_time('F'); ?></p>
      <p class="month-date"><?php the_time('j'); ?></p>
    </div>
    <?php the_post_thumbnail(); ?>
  </div>
  <div class="content">
    <h2><?php the_title(); ?></h2>
    <p><?php $content = get_the_content();
    echo wp_trim_words( $content, '100' ); ?></p>
    <p><a href="<?php the_permalink(); ?>">Lire la suite <img src="<?php bloginfo('template_directory');?>/dist/images/blog/link-arrow.png" alt="Link arrow" width="10" height="26" /></a></p>
  </div>
</article>

Thanks. Quick question I assume your home.php also includes a header and footer that includes these two functions.

wp_head()
wp_footer()

Yes of course

Here is the source code of the blog page

[Large code excerpt removed by moderator per forum rules. Please use Pastebin for all large code excerpts. It works better anyway.]

Thanks, I only ask as it has happened before

These are selectors you’ll need in the settings:

Posts Selector .recent-posts
Post Selector .posts-grid article
Navigation Selector .posts-pagination
Next Selector .posts-pagination a.next

I’m not sure on the issue you were having but I don’t think your code is right. When using a custom WP Query along with the the_posts_pagination() function then you have to label your custom query variable as $wp_query.

In your home.php replace the 3 references to the $main_query variable with $wp_query and things will work. I’ve copied the whole home.php in the next post.

I have a second solution that uses paginate_links() function instead but the above should work.

<div class="tmpl-blog">
  <div class="top-title">
    <h2>BLOG OFFSHORE</h2>
  </div>
  <div class="clear"></div>
  <?php get_template_part( 'templates/main', 'post' ); ?>
  <div class="recent-posts" id="main">
    <div class="title">
      <p class="fancy"><span>RECENT POSTS</span></p>
    </div>
    <div class="posts-grid">
      <?php
      $paged = ( get_query_var( 'paged' ) ) ? get_query_var( 'paged' ) : 1;
      $args = array(
        'category_name'   => 'posts',
        'posts_per_page'  => 4,
        'paged'           => $paged
      );
      $wp_query = new WP_Query($args);
      while ($wp_query->have_posts()) : $wp_query->the_post();
        get_template_part( 'templates/content', 'blog' );
      endwhile; ?>
    </div>
    <div class="posts-pagination">
      <?php the_posts_pagination( array(
        'mid_size'  => 2,
        'prev_text' => __( 'Previus', 'textdomain' ),
        'next_text' => __( 'Next', 'textdomain' ),
      ) ); ?>
      <?php wp_reset_postdata(); ?>
    </div>
  </div>
  <div class="popular-posts">
    <h2>MOST POPULAR POSTS</h2>
    <?php dynamic_sidebar('popular-posts'); ?>
  </div>
</div>
<?php dynamic_sidebar('module-faq'); ?>
<?php dynamic_sidebar('module-contact-form'); ?>

Okay, I’ll try it and write if it works

Okay now it works just fine. I think i just wrote the wrong selectors in the settings. Shame on me! Thank you.

p.s. Sorry for the bad report, i will definitely give you 5 stars now.

Good news! Glad it’s working and thanks for rating.

Thanks