Change star symbol in Reviews widget

When working with the Reviews widget, you can change the symbol that is used for ratings, for example, replace the default star symbol with another one. You do this by editing the markup of the widget.

You first need to locate the template that you are using with the Reviews widget. There are two options:

  • If you are using a resource package, the template is located in SitefinityWebApp/ResourcePackages/[Package Name]/MVC/Views/Reviews/
  • If you are not basing your pages on a pure MVC template from any package, you need to copy the default widget template inside the SitefinityWebApp/Mvc/Views/Reviews/ folder.
    For details about default templates, see the GitHub repository.

Next, you edit both the Reviews.[name].cshtml and ReviewsCount.[name].cshtml files:

  1. Locate in both templates the <div> section containing the data-sf-role="rating-template"
  2. Replace the symbol in the inner <span> section with the markup that you want to use as a rating symbol.

Following are a few examples of rating symbols you can use:

stars Symbol &#9733;

music Symbol &#9834;

hearts -Symbol &#9829;

Increase your Sitefinity skills by signing up for our free trainings. Get Sitefinity-certified at Progress Education Community to boost your credentials.

Web Security for Sitefinity Administrators

The free standalone Web Security lesson teaches administrators how to protect your websites and Sitefinity instance from external threats. Learn to configure HTTPS, SSL, allow lists for trusted sites, and cookie security, among others.

Foundations of Sitefinity ASP.NET Core Development

The free on-demand video course teaches developers how to use Sitefinity .NET Core and leverage its decoupled architecture and new way of coding against the platform.

Was this article helpful?