Repeater Layout

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.

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 !!!