• Priority: 0
  • Status: Closed
  • Theme: Alysum
  • Assigned To: Fred
  • Private: No
  • Open Date: 01.03.23, 06:25
  • Opened by: Benjamin Teo
  • Closed by: Fred
  • Closed on: 05.03.23, 23:00
  • Reason: Closed
  • Comment: Glad to help!

Ticket #24353 - Pagination Top & Button - Duplicates Itself

Hi, inside the catalog/_partials/products.tpl

I can see this is where the _partials/pagination.tpl is being called.

However I want to display pagination at the top and and bottom of the category list.

But when I do this, it causes the pagination at the top to duplicate itself you can see the 2nd one is highlighting the 2nd page but the duplicate one is showing 1st page. How do I prevent it from duplicating itself?

————-Below is the code I’m using, I just copied it above. 

 {block name='pagination'}
  {include file='_partials/pagination.tpl' pagination=$listing.pagination}
{/block}

<div id=”js-product-list”> 

<div class="product-list-container grid-container">
  {foreach from=$listing.products item="product"}
    {block name='product_miniature'}
      {include file='catalog/_partials/miniatures/product.tpl' product=$product}
    {/block}
  {/foreach}
</div>
{block name='pagination'}
  {include file='_partials/pagination.tpl' pagination=$listing.pagination}
{/block}

</div>

Attachments:

double-up.jpg (24.3 KiB)

Comments

Fred 01 Mar 2023, 17:08

Hi, Benjamin Teo.
Please fill out all necessary fields in your profile https://support.promokit.eu/myprofile to access to your Back-office and FTP Server
I’ll try to do that for you

Benjamin Teo 02 Mar 2023, 05:32

Thanks Fred I just fixed it myself here’s the solution

Place the pagination block inside the #js-product-list of products.tpl now it does not duplicate.

Fred 02 Mar 2023, 10:08

Ok, great!