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.

Get started with Integration Hub | Sitefinity Cloud | Sitefinity SaaS

This free lesson teaches administrators, marketers, and other business professionals how to use the Integration hub service to create automated workflows between Sitefinity and other business systems.

Web Security for Sitefinity Administrators

This free lesson teaches administrators the basics about protecting yor Sitefinity instance and its sites from external threats. 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.

Tags

Was this article helpful?