How to force to show items i want on Repeater and stop Repeating?

Ask the community
, ,
1

So Basically as you can see on the Photo i have 3 Slide show Strips which all of them have a repeater but the problem is when i connect the 3 Repeater to the same Dataset(Stores/Products) it shows the Same Products on all Repeater (which on 3 slides show), I already have like more than 20 Products by the way (i asked the Dataset to show only 9 so it fit my Slide show), However when i connect the 3 Repeater to the Dataset, On the all Slide it shows the first same 9 Products on Each 3 slides show, What i want is how to make DataSet to show for Example on (Slide 1 Display the products from 1-9) ,(Second Slide show show the item from 10 - 20 ) and that goes on…
In short Term I want the Repeater stop Repeating my Products on each Page :slight_smile:

3422×1146 385 KB

2

Greetings,

You can create separate datasets, connected to the same collection, that you could apply separate filters for each of the three repeaters.

3

Hey anthonyb !
i tried that but it didnt work bec all of the Slide its taken from the same Collections so it show the same first 9 items on each page…

4

Why don’t you just create a Repeater with 3 rows of 3 items each instead of 3 separate repeaters?

5

If you need 3 repeaters, then you might be able to do nextPage() on the second and third repeaters.

6

Hey @tombrider2009 ,
If I understand correctly you have a separate repeater on each slide and you want the repeater on the first slide to show the first 9 items, the repeater on the second slide to show items 10-18, etc.
You can use the dataset loadPage() function to choose which set of items is loaded into repeater#2 from dataset#2 and into repeater#3 from dataset#3. There is no need to add code to the first dataset since it will automatically load the first “page” of 9 items.

$w.onReady(function () {
  $w("#dataset2").onReady(() => {
    $w("#dataset2").loadPage(2)
      .then((items) => {
        console.log("Items loaded");
      })
      .catch((err) => {
        console.log("error: ", err);
      });
  });
  $w("#dataset3").onReady(() => {
    $w("#dataset3").loadPage(3)
      .then((items) => {
        console.log("Items loaded");
      })
      .catch((err) => {
        console.log("error: ", err);
      });
  });
});

You

7

Thanks !