Different Top vs Bottom Pagination Code Blocks

Question

Pagination is pretty simple but I can't figure out how to have a different pagination style at the top vs the bottom. What I want to do is show the pagination links at the bottom of the results but show some other information that is only available within the pagination tags at the top of my results. I have AB Pagination installed as well so I can use some it's extra tags to show more info.

So my question is, is there a way to have something similar to

{pagination_top} Showing results 1-10 of 56. Show: 10  20 30 per page  {/pagination_top}

{entries loop} stuff here {/entries}

{pagination_bottom} Prev | 1 | 2 | 3 | etc | Next {/pagination_bottom}

Any help would be appreciated! Thanks

Answer 1

Render out the pagination in one block, framing the 2 styles of pagination:

{paginate}
  <div id="top-pagination">
    Showing results {abp_entry_from}-{abp_entry_to} of {abp_total_entries}. Show: 10  20 30 per page
  </div>

  <div id="bottom-pagination">
    {pagination_links}
      <ul>
        {previous_page}<li><a href="{pagination_url}" class="page-previous">Previous Page</a></li>{/previous_page}
        {page}<li><a href="{pagination_url}" class="page-{pagination_page_number} {if current_page}active{/if}">{pagination_page_number}</a></li>{/page}
        {next_page}<li><a href="{pagination_url}" class="page-next">Next Page</a></li>{/next_page}
      </ul>
    {/pagination_links}
  </div>
{/paginate}

Then using CSS, position:absolute #top-pagination and ensure there's room for it at the top of the listing.

But not sure how you're going to handle the sorting amount.

Use only paginate="bottom" in the channel:entries tag parameters.

Answer 2

Unfortunately I don't think this is possible. One workaround might be to use multiple {exp:channel:entries} loops on the page, each creating it's own pagination, but obviously that would be a very inefficient solution, so I'd only use it in a last resort on a page you were sure wasn't going to have a lot of load.