Building out Wix "Reviews" Example

Hi All – I’ve successfully added the “Reviews” example from Wix to my website found here: https://www.wix.com/code/home/example/Reviews.

It works great, but I need to try and customize this for my purposes however. In the example, a user can add a review and rating to one recipe at a time. Is it possible to set this up so a user can review and rate MULTIPLE items at one time?

In reality, I have Projects which includes multiple Applicants. When the project finishes, I need the Project Manager to be able to easily review and rate all of the applicants. If there is a project that has 10+ Applicants this could be a task to go in and review each applicant in a separate page. I am imagining just having one page that would have all the applicants and you can review and rank them all at one time.

Any assistance would be hugely helpful!

Thanks

Hey,

Unfortunately, adding elements dynamically is currently not available. We do, however, have an upcoming feature which you can see here called Repeating Layouts . I recommend following the Product Updates category to get a notification when it is implemented.

Have a good day,
Tal.

Thanks Tal! I think I know the answer, but I’ll ask anyways. Is there any way to get insight on the timeline for these Product Updates?

Hey David,
I’m afraid that I cannot provide you with an ETA for this matter. Therefore, as mentioned above, I recommend following the Product Updates category.

Best,
Tal.

Hi David, can I ask how you added the reviews example to your website. I’m just a regular person with no coding knowledge whatsoever so I don’t really understand what or how this is implemented. Do I have to create a light box and all the information connected to the dataset and then add coding to the light box? Any help you can offer will be appreciated. I have been trying to get this to work all day and have no idea what I am doing but everything I have tried so far isn’t working. Thanks

Hi Jackie, Wix has put together a guide on how to add reviews to your website: https://www.wix.com/code/home/example/Reviews. I’m sure you’ve already seen this, but it really is going to be probably the best resource out there.

If it’s still beyond the scope out what you know, you’ll have to take some time to learn more of the Wix Code and java script basics. It can be intimidating and truthfully it will take some time, but it’s worth it!

I had literally never written a line of code in my life as of a couple months ago and now I feel pretty confident in what I am doing on here. So, the tools are definitely out there! good luck

Hi David, yes this is what I have been following but it doesn’t explain how to ‘create’ the exact same basically. I am very unsure whether you have to add all of the elements, like the lightbox, buttons, stars, etc and then add the code? Is this how it works and then adapt the code to my data? I’m sorry for all the questions :frowning:

Hi Jackie,
You can simply click the Open Editor button below (on the page URL David added above) to see how it looks on the editor itself. If you want to have the same thing on your existing editor, than I’m afraid that you would need to add all the elements to your site and copy the code from the example editor.

Tal.

Hi,

I have followed the code for the reviews and it is working great! I was wondering if it’s possible to change the colour of the stars within the review (not when posting the review) but when it is displayed. i noticed in the code they are blue, but can’t work out how to make them yellow.
Also is it possible, if people want to ‘see more’ of the text of the review? You only get to see one line then … but you can’t see the full review?

cheers

Stephen

You’ll have to toy with it, im not positive you should be able to. Try changing the color number in the .html of the code. Then try changing the dotPos in the code to show more of the text on load

Hi David,

Managed to change the colour of the stars by changing the colour code in the pic. thanks for the direction! the other part I think might be a little difficult;t for my knowledge at the moment. I can see the dotPos, but not sure what to do with it.

Sorry I think I am wrong with the dotPos. but the makeBrief(review.review,20) function is probably what you want. That takes the current review and sets it to 20 characters long. So you can remove that and just have it as review.review which won’t chop the review at all

Brilliant! thank you, this worked perfectly, although the text over laps, but just need to adjust the font size and this fixed that problem. Thank you very much for your help!