Random elements in the repeater

Ask the community
,
1

Hi Everyone,
I should show elements in a repeater, but I need it to be loaded random.
The data is at least 25-50 per page and two or three successive pages.

Are there any posts from someone else who solved the problem?

Thanks in advance

2

When you say that you wanted the repeater to be loaded randomly, do you mean the content that is in the repeater as you can already do that.

As shown in previous forum posts like here.
https://www.wix.com/corvid/forum/community-discussion/how-to-make-repeater-show-randomized-items-from-dataset

Or from Nayeli (Code Queen) tutorial here.
https://support.totallycodable.com/en/article/random-order-for-repeater-items-on-page-ready-using-wix-code

Also, you can view Yisrael’s great example for a shuffle repeater here as he mentions in this post here.
https://www.wix.com/corvid/forum/community-discussion/randomizing-my-repeater

To shuffle, you will need to disconnect the Repeater from the dataset, and add some code which will query the collection and shuffle the returned array of items.

Here is a very simple example of a “shuffled repeater”:
View the Live demo in a browser page
Open the Example template in the Wix Editor

3

Hi GOS,
I managed to solve the problem by adapting a code found for the gallery to the repeater in this way:

$w.onReady( function () {

let data = $w(“#repeater1”).data;
data = shuffle(data);
$w(“#repeater1”).data = data;
});
});
export function shuffle(array) {
for ( let i = array.length - 1; i > 0; i–) {
const j = Math.floor(Math.random() * (i + 1));
[array[i], array[j]] = [array[j], array[i]];
}
return array;
}

4

Great, well done :+1:

5

public/pages/c1dmp.js: Unexpected token, expected “{” (3:33) 1 | $w.onReady(function() { 2 | let data = $w(“#repeater1”).data; > 3 | data = function shuffle(data); | ^ 4 | $w(“#repeater1”).data = data;

6

@bhopscripternoob See the Shuffle Repeater example.

Please add your own issue into a new post instead of bumping up an old post. Explain what you are trying to do, what works, and what doesn’t. Also, add any code in a code block as stated in the Forum Guidelines .

When submitting a post, please make sure to follow these guidelines . Your code should be formatted and inside of a code block to make it easier to read.

This is an old post and is being closed.