Repeater Layout

Show and tell
,
1

Hi everyone !
Today I am going to share something that I needed the most and some may need !!

Here’s what I am sharing with you

Ordinary repeater →

What I am sharing →

So, what I did is simple …

In the container(of the repeater) there is an image.
Above the image there is a transparent box.

1919×910 256 KB

Then the code →
#repeater1 - repeater
#box10 - transparent box

$w.onReady(function () {
    $w('#repeater1').onItemReady(($item, itemData, index) => {   //repeater
 if (index % 2 === 0) {
            $item('#box10').expand();  //transparent box
  
        }
 else {
            $item('#box10').collapse();     //transparent box
        }

    });

});

That’s all !!!