Star Rating

This element gives you an easy way to display star ratings. Supports getting the rating from dynamic data, ideal for use in query loops for displaying testimonials/reviews with X out of Y stars.

starrating

This element is fairly simple to use..

Star rating – Set the star rating either just by typing the number, or populating with dynamic data. If using custom fields, use number fields with increments of 0.5

Total Stars – Total number of stars to display, ie what is the rating out of?

Icons – The marked, half marked and empty icons are by default from the Fontawesome library. These can be changed to any icons.

Color / Size / Margin – Style the icons to taste. The ‘styles’ tab setting will apply to the element as a whole.

Changing colors

From v1.5.2+ you’ll be able to change colors instead of icons. This allows more flexibility as not many icons have a ‘half icon’ version, and so instead of using stars any single icon can be used for different use cases.

Example below.

star ratings with alternate icons