Hiding pagination with one page of results

Attributes
1

Can’t get pagination to hide when there’s only one page of results

I am using list load with the pagination option. I would like to hide the pagination numbers when there’s only one page of results. Currently, it looks like this.

Screenshot 2025-10-13 at 7.39.33 PM
Screenshot 2025-10-13 at 7.39.33 PM2470×330 1.37 KB

I found a script that I thought at first worked, but it turned out it did not work (or only very sporadically) in Safari (desktop and mobile), and it also stops working if the page is revisited in Chrome or Firefox.

I’m sure there’s a more appropriate solution for this, but I don’t know what I’m doing and can’t figure it out.

I am unable to publicly post a share link. If needed, I can share this privately.

Grateful for any help with this. Thanks!

This is the script I was trying to use:

Screenshot 2025-10-13 at 8.04.21 PM
Screenshot 2025-10-13 at 8.04.21 PM1120×444 89.5 KB
2

Hey @EllenG!

You can send me the links via DM so I can take a look.

1 Like
3

Thanks Pedro! Will do.

4

Hey @EllenG!

I just answered your DM try the solution and let me know how it goes!

1 Like
5

So far it’s working great! Thanks so much!

2 Likes
6

Great to hear that, Ellen!
Let me know if there’s anything else I can help you with. :smiley:

1 Like
Hiding pagination when there’s one page of results — solution stopped working
7

The issue was resolved via DM.

For possible future cases, I’ll share the solution.

This script hides the pagination if there’s only one page of numeric buttons:

<script>
   window.FinsweetAttributes ||= [];
   window.FinsweetAttributes.push([
      'list',
      (listInstances) => {
         listInstances.forEach(instance => {
            const root = instance.el || instance.root || document;
            const pageButtons = Array.from(root.querySelectorAll('[fs-list-element="page-button"]'));
            if (!pageButtons.length) return;

            const numericCount = pageButtons
               .map(b => b.textContent.trim())
               .filter(t => /^\d+$/.test(t)).length;

            const pagination =
               pageButtons[0].closest('[role="navigation"], .w-pagination-wrapper, .pagination') ||
               root.querySelector('[role="navigation"], .w-pagination-wrapper, .pagination');

            if (!pagination) return;
            pagination.style.display = (numericCount <= 1) ? 'none' : '';
         });
      },
   ]);
</script>
2 Likes
8

Hi—

After working perfectly since I last contacted you, the script suddenly stopped working. The page number isn’t hiding anymore. Yikes!

Any help getting this fixed again would be hugely appreciated. Thanks!

(DM sent with links.)