If you think that default Magento ratings table on the product review page is ugly and hard to use and you want to replace it with easy to use rating stars you are not alone. After searching for it for a while (because I didn’t want to reinvent the wheel) I found that there are no simple and free Prototype JS solutions that I could just plug in to all my projects and be done with it so I decided to make my own. I am a big fan of simplicity and I think you’ll be able tell once you try this plugin. I know that there are a ton of simple and free jQuery solutions but as we all know Magento still uses Prototype JS and I don’t want to add jQuery to the project just because of review stars.
The plugin is about 2KB with the CSS file and it’s extremely easy to use. The code is on GitHub and you can download it from here.
- Add srka.review.stars.min.js (or srka.review.stars.js) and srka.review.stars.css files to the product page.
- Open app/design/frontend/[YOUR_PACKAGE]/[YOUR_THEME]/template/review/form.phtml and add the following code just below the #review-form closing tag.