Can you customize the Pagination links on Locations Vertical

Search
1

Is it possible to customize the pagination links at the bottom of the locations vertical? I have included a screenshot below of what I’m referring to. For example, could you get rid of the single and double arrow symbols, and make it look like Google where all the individual page numbers appear as pagination links?

locations vertical pagination styling

2

Hi DJ,

Great question! You can customize a few properties of Pagination. You would do so under each Vertical page under componentSettings. By default, you will most likely see the following as it stands:

 "Pagination": {
      "noResults": {
        "visible": true
      }
    }

To see what you can customize, take a look at the SDK under Pagination here. Based on your explanation it sounds like you want to show multiple page numbers and configure maxVisiblePagesMobile and maxVisiblePagesDesktop.

This could look like this:

image

Let us know if you have further questions as you take a look at the documentation and test it out!

Best,
Alyssa

1 Like