Pagination does not work after applying any filter

Anonymous

#134469

I’ve tried the various methods, and all have resulted in the same thing. It works perfectly on desktop, but on mobile, the first search (only the first search) results in duplicated results. After that, the results no longer duplicate. I saw this same issue when I tried:

– “article” as the post / result selector, but no infinite scroll container.
– “div.post-lists” as the infinite scroll container, but no post/result container.
– “article” as the post / result selector & “div.post-lists” as the infinite scroll container.

Any help would be very much appreciated.

Thanks!

Trevor

#134471

It may be your page structure. What I see is this:

<div class="entry-content">
  <article ...
  <article ...
  <article ...
  <article ...
...
  <div class="pagination"> ....
</div>

But what I normally see is more like this (with an extra div for the articles, with the pagination outside:

<div class="entry-content">
  <div class="search-filter-results">
    <article ...
    <article ...
    <article ...
    <article ...
...
  </div>
  <div class="pagination"> ....
</div>

Anonymous

#134689

I ended up just having to disable ajax completely, which fixed the original pagination problem. Obviously not ideal, but at least users can nagivate through pages via the pagination bar (and don’t have to deal with all the duplicate entries).

[Author]

Posts