Question:
Hi everyone. I’m using Wix’s repeater to place my tracklist data. It is in two columns layout, and data starts from left to right, 1 at the left and 2 at the right (horizontal order). But, I would like it to be in vertical order, which means 1-5 at the left column while 6-10 at the right column.
Product:
Wix Editor.
What are you trying to achieve:
I would like my data in Wix repeater to be in vertical order, which means 1-5 at the left column while 6-10 at the right column.
What have you already tried:
- I had already tried to search for every setting in the repeater, but there is no way to rearrange the order from horizontal to vertical.
- I had also already tried to search in Google or Wix Community, but it seems like nobody asked this question.
I hope there is someone who knows how to solve this problem, it is very important to me. I had tried many different ways but I still can’t change the order, I feel lost. Thank you so much.
Hi, With_Cyndi !!
It might be possible if you adjust the item order in the collection to 1,6,2,7… and then enable the “Mirror on site” setting in the collection.
Thank you for your reply, I think maybe this is the only way to do this currently. But the cons is, it will show in 1,6,2,7… order in phone’s view (single column).
you could try and use a Table?
The other thing is are these numbers fixed i.e will there always be 10?.
You may have to add 2 columns to your database, Sort Desktop, Sort Mobile. Then you could add a number. It will be a pain to update. Wix does not have an efficient way to display repeater items by columns instead of rows.
Anyway, once you have both sorting columns added you can either write some code “if mobile sort dataset by X, if not sort by Y”.
Or if alphabetical sorting order is sufficient for mobile version, then you don’t need the extra column. Simply write code to sort alphabetically if on mobile.
https://dev.wix.com/docs/velo/api-reference/wix-dataset/dataset/set-sort
https://dev.wix.com/docs/velo/api-reference/wix-window-frontend/referrer
And if you want to skip writing code you could simply add 2 tables/repeaters to the page. Connect each one to a different dataset. Set the sort for each dataset. Use the code panel to hide the mobile table in on page load, then unhide it on mobile settings.