10 :
Star Ratings

Star Ratings use the SHC Icon font, and characters should be added to the span element with JS. Stars will respect the current font size of their parent element.

  • A = filled star
  • B = empty star
  • C = half star

    If a product has no rating, no stars should be shown.

<div class="star-rating"><span>AAACB</span></div>