Displaying "Rating" from Wix Code Example in Other Page

Ask the community
,
1

Hi Everyone,

I have succesfully built the “reviews” example that is displayed here on wix code in my web site. It looks awesome! Thank you to all the designers/developers that made that possible!

I display the rating something like this on my specific dynamic page:
6 Reviews. 2.5 out of 5 Customer Rating.

I was trying to display this same data for the specific items in a repeater where my items are displayed on another page.

For example, while shopping online, we often see stars under products indicating their rating before we click on them and see their details.

In this specific application I am not necessarily going for implementing star characters , the main aspect is displaying the rating to the user before he clicks on the specific product and visits its dynamic page.

I appreciate any help I can get with this.

Thanks in Advance!

2

Hi,

You can add any information you want to a repeater. Add the element you want, and use the repeater’s onItemReady() function to set the value or appearance. You can display values or use a visual, whatever you decide to code.

Good luck,

Yisrael

3

Hi Yisrael!
Thanks for your quick response,

I have the following Issue while trying to display rating in my repeater,

I am trying to get the rating from my Dynamic Page and populate a field in my database collection , this field’s name is “rank” . I have placed the specific Item’s Rating in an Input field in the Dynamic Page (“#input5”).

I have tried the update function that is listed in the wix-data API with no luck so far.

My idea is to populate this field with the current rating and update it in case new reviews are added.
If I achieve this, then I could set if functions that display stars (Visual) in case that rating is 3, 4, 5 and so on and so forth, using show/hide with a set of stars.

I attach my code so far in relation to the update feature and an image of how everything is dispalyed on the dynamic page.

let toUpdate = {
	"rank": $w("#input5").value
};

wixData.update("alloperations", toUpdate);

});

Thanks in Advance!