[New Element] Introducing Pagination

Be in the know
,
1

We are excited to introduce the new Pagination element!


Showcase as many items as you want from your database and make it easy for visitors to switch between them. Pagination works well with elements like a Repeater, Gallery, Image and more.

To add a Pagination Bar to your page:

  1. Go to the Add Panel > User Input > Pagination Bar

  2. Connect the Pagination Bar to the dataset that it will control.

  3. Set the number of items you want to show on each page in Manage Dataset.

299×593 36.1 KB

To learn more, see Pagination in Wix help center articles.

2

Awesome ! I was waiting for that feature !

However it looks a little bit glitchy, you can see it here (scroll down for the bar to display)

  • New displayed elements’ title doesn’t display (it displays the placeholder one)

  • it displays only 4 pages while there should be 5

Also, it would be nice to have pagination inside the URL.

3

Hi Tristan,
Are you talking about the time it takes for the items to switch when you navigate to different page?

4

Hi,

I think it may be related. Wix’s perfomances are a real issue.

5

Is there a way to code this or an API for times when a dataset isn’t connected?

6

Sure, you can take a look at its API here

7

Hi Idan,
Unfortunately my pagination element is not showing any thing as mentioned in the post. I have two tables and connected to the same dataset and nothing is working.

1335×817 66.4 KB

8

I had a similar issue, you have to make sure the database icon is green, I had to repeat the operation 2-3 times before it worked.

9

Super Wixers!

10

it’s not working. I have it connected to a dataset (the icon is green) and doesn’t work, is not even clickable.

11

Fausto, does the Data collection has items?
The pagination is not clickable when there are no items in the collection or when the dataset is in write-only mode.
Can you please share your website url so I check it out?

Thanks

12

yes idan, it has items. this is the link: https://neurosestudio.wixsite.com/neuros/AtabeyPaginas/0

13

Hello Fausto,

One thing you might want to double-check is that you “sync” data from your development version of your collections to the “Live” version of the data collections.

Best,
Nick

14

hey Nick, I check that and is synced. the pagination doesn’t work in the preview neither in the live site.
thanks for the help.

15

Fausto … i see that your dataset is possibly connected to a gallery but it shows 1/1 . How many records is the dataset connected to? And how many records do you have in the database collection?

If there is only 1 record, that is probably why the arrows don’t work.

1080×2220 279 KB

16

hi Nayeli, the dataset has 4 images but the gallery is set to display only one image per page, I tried putting the gallery to display the four images but is the same. the idea is that the pagination bar worked like the navigation bar in preview mode so I can change the pages.

17

Is that a category page?
Are you trying to navigate between pages or between images?

If between pages, connect a regular text or image button and set it to ‘next dynamic item’ or ‘previous dynamic item’.

If between images in the same category, try using an image element instead of a gallery element.

Right now I am on the road so I dont have a computer near me to test it out. AND i am only guessing since I cant see your database info, page amd dataset settngs etc.

18

thanks Nayeli, I wanted to navigate between pages and did what you said and it works. now, you know if is possible connect a dropdown menu so I can select the dynamic item I want to see from this dropdown?
thanks for the help.

19

Glad i could help. Yes, you can code a dropdown element to do the function you want.

You would have to connect to add a code to populate dropdown options without duplicates, then add onChange event so that when an item is selected wixLocation.to a dynamic URL pattern to it lands you on the correct dynamic page.

I recommend watching my videos to guide you a little.

20

thanks a lot Nayeli.!