(Repeater)Change text and images with buttons

Ask the community
,
1

720×405 6.35 KB

720×405 6.29 KB

720×405 6.46 KB

767×414 21.6 KB

1780×875 101 KB

I want to make the text and image in the repeater change when I press the button I am not good at English, so I will attach it as an image
I have a simple homepage and if you let me know your email, I will invite you to work on the code
Thank you.

2

If you are searching someone who codes you all your wished functions on your site you can take a look onto wix-marketplace

you also can contact individual coders and programmers here from this forum.
Every member has his own PROFILE where you maybe can find the users EMAIL.

Back to your problem…
…all you need to know about REPEATER, you will find here…

https://www.wix.com/velo/reference/$w/repeater

Also do a SEARCH for “repeater” in this Velo-Forum to find maybe similar posts, which can help you to achieve your wished aim.

3

Thank you for your answer.
But the link you mentioned is to change the repeater text, and what I want to do is to get the information in the dataset by pressing the button
And even before I posted the question, I’ve already searched many words
I searched, but I couldn’t find what I wanted

4 
$w.onReady(()=>{}
	$w('#myDataset').onReady=>{
		
		$w('#myRepeater').onItemReady(($item, itemData, index)=>{
			$item('#myButton').onClick(()=>{
				let currentItem = $w("#myDataset").getCurrentItem();
				let title = currentItem.title; console.log(title);
				let id = currentItem._id; console.log(id);	
			});	
		});
	});
);

…or this one…(first looks not correct)…

$w.onReady( function() {
    $w.onReady(()=>{
        $w('#myDataset').onReady(()=>{           
            $w('#myRepeater').onItemReady(($item, itemData, index)=>{
                $item('#myButton').onClick(()=>{
                    //let currentItem = $w("#myDataset").getCurrentItem(); console.log(currentItem);

                    $w("#myDataset").getItems(index, 1)
                    .then((res)=> {let item = res.items; console.log(item);})
                    .catch((err)=>{console.log(err);});
            });
        });
    });
});