# Setting custom navigation buttons to a repeater the adding code!

**URL:** <https://forum.wixstudio.com/t/setting-custom-navigation-buttons-to-a-repeater-the-adding-code/66768>\
**Category:** Ask the community\
**Tags:** wix-studio, wix-stores, code, question\
**Created:** [January 1, 2025, 9:50am UTC](https://forum.wixstudio.com/t/setting-custom-navigation-buttons-to-a-repeater-the-adding-code/66768 "2025-01-01T09:50:22Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![user2122](https://avatars.discourse-cdn.com/v4/letter/u/c5a1d2/32.png) [@user2122](https://forum.wixstudio.com/u/user2122)\
**Post date:** [January 1, 2025, 9:50am UTC](https://forum.wixstudio.com/t/setting-custom-navigation-buttons-to-a-repeater-the-adding-code/66768/1 "2025-01-01T09:50:22Z")

</div>

**Question:**  
My repeater is a custom made one. Very simple, main media, name, price. Im using it as a related products or ‘You May Also Like…’ repeater at the bottom of the products page.

Problem is I really want to add custom back and next buttons to it, instead of the slider and I don’t want it to automatically loop just move when the buttons are used.

Im unsure where to start. What would be most useful too look at, loops / arrays? Is there specific documents on velo about adding custom nav buttons? Im about to redo a javascript course that i did ages ago to refresh- is that the correct language to bursh up on??

Sorry its been a while and i forgot alot about what i learned previously.

Thank you.

Current Code:

function bindItemReadyForRelatedRepeater(){  
$w(“#relatedProductsRepeater”).onItemReady(($item, itemData) =\> {  
$item(“#relatedMainMedia”).src = itemData.mainMedia;  
$item(“#relatedMainMedia”).onClick(() =\> {  
wixLocationFrontEnd.to(“/products/” + itemData.slug);  
});

```
$item("#relatedMainMedia").src= itemData.mainMedia;
$item("#relatedProductName").text= itemData.name;
$item("#relatedPrice").text= product.formattedPrice;

```

})  
}

async function populateRelatedRepeater(){  
const productsQueryResult = await wixData.query(“Stores/Products”).find();  
const products = productsQueryResult.items;  
console.log(“products”, products);  
$w(“#relatedProductsRepeater”).data = products;

}

**Product:**  
wix studio

 ![image](https://us1.discourse-cdn.com/wix/original/3X/b/f/bf98431d0f9c348245e02c6e39e5988cea1aee8b.png)