How to customize the pagination

  • Posts: 145
  • Thank you received: 12
  • Hikashop Business
1 year 10 months ago #342242

-- url of the page with the problem -- : rolex.ahriise.com/rolex/collection
-- HikaShop version -- : 4.5.1
-- Joomla version -- : 4.1.4
-- PHP version -- : 7.4.29

Hi,

I would need to edit the pagination display so that it looks like this:



Could you tell me how I can achieve this?

Thanks in advance

Please Log in or Create an account to join the conversation.

  • Posts: 81509
  • Thank you received: 13064
  • MODERATOR
1 year 10 months ago #342248

Hi,

I'm not familiar with template development of Joomla 4, but I suspect this is still the same as on Joomla 3.
Supposing it's still the same, you need to create a pagination.php file in the main folder of your Joomla template and define the _list_render function to generate the HTML you want:
forum.joomla.org/viewtopic.php?t=834931

Now, looking at your situation, I think you should be able to do it with just CSS code you could add to your template. Here a good start:

li.active a.page-link {
    display: block;
}
li.active a.page-link:before {
    content: 'Page ';
}
a.page-link.next, a.page-link.prev, li.active a.page-link {
    display: block;
}

The following user(s) said Thank You: Sandra74

Please Log in or Create an account to join the conversation.

  • Posts: 145
  • Thank you received: 12
  • Hikashop Business
1 year 10 months ago #342274

Thank you so much Nicolas!

You're right, CSS are enough to get the right display.

Thanks again for your precious help

Sandra

Please Log in or Create an account to join the conversation.

Time to create page: 0.056 seconds
Powered by Kunena Forum