Skip to content

Post Feed Numbered Pagination

Voxel's Post Feed offers Load more, Prev/Next, or none. This adds a fourth option — classic numbered page links, 1 2 3 … 40 — for directories where visitors want to jump to a page rather than click through.

Always on

Nothing to enable under Functions. A Numbered (VT) option appears in the Post Feed widget's Pagination dropdown.

Using it

  1. Edit a page or template with a Post feed (VX) widget
  2. Open Content → Post Feed settings
  3. Set Pagination to Numbered (VT)

Works on both data sources — Search Form and Filters.

A Numbered pagination (VT) section appears with the behaviour settings, and a matching section in the Style tab.

Settings

SettingDescription
Pages shown around currentHow many numbers either side of the current page. 2 shows five numbers at a time
Always show first & last pagePin page 1 and the final page, with an ellipsis gap between
Show Prev/Next buttonsKeep Voxel's arrows alongside the numbers, or numbers only

Real page URLs

Where the search form is set to keep the URL in sync, page links are real URLs — ?pg=3 — so a page can be linked to, bookmarked, or opened directly. Where it isn't, the numbers still work; they just don't change the address bar.

How it works with Voxel

Selecting Numbered renders the feed in Voxel's own Prev/Next mode and inserts the numbers between those two buttons. Fetching, rendering, map syncing and URL updating all stay on Voxel's code path — the numbers drive the same machinery the arrows do, rather than reimplementing it.

That means map-connected feeds, conditional logic and everything else behave exactly as they do with Voxel's built-in pagination.

Styling

Style → Numbered pagination (VT) covers spacing between numbers, minimum size, padding, border radius and typography, with colours and borders across three states: Normal, Hover, and Current.

Notes

  • The feed's total result count is fetched so the last page number is known. Where the last page is already on screen, no extra request is made.
  • Switching Pagination back to any of Voxel's options removes the numbers cleanly.

Built by Code Wattz.