Как реализовать вид рейтинга товара woocommerce графическими полосами?

Question

[upiter-2005]

Каким плагином можно организовать звездный рейтинг товара woocommerce как на скрине ниже

Answer 1

[zoozag]

Считаете долю оценок в процентах и делаете фон в зависимости от этого, например градиентом.

background: linear-gradient(to right, #f7ed34 0%, #f7ed34 80%, #bbb 80%, #bbb 100%);

Comments

[upiter-2005]

Спасибо за идею!

Answer 2

[alex-1917]

блок с рейтингом заливаешь фоном (см. картинго ниже), ширина блока равна ширине картинке, высота равна половине высоты картинки, сверху накладываешь слой с точно такой же высотой и шириной в требуемых процентах, фоном та же картинко, но цветная половинка
позволяет показывать дробный рейтинг 4,3 например и тд.
банальная метода, посмотрел бы для примера на любом адекватном магазине...
вот картинко:

spoiler