Задать вопрос
@upiter-2005
woocommerce

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

Каким плагином можно организовать звездный рейтинг товара woocommerce как на скрине ниже
5d132063847b3498186376.png
  • Вопрос задан
  • 74 просмотра
Комментировать
Подписаться 1 Средний Комментировать
Решения вопроса 1
zoozag
@zoozag
Opencart
Считаете долю оценок в процентах и делаете фон в зависимости от этого, например градиентом.
background: linear-gradient(to right, #f7ed34 0%, #f7ed34 80%, #bbb 80%, #bbb 100%);
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ответы на вопрос 1
alex-1917
@alex-1917
Если ответ помог, отметь решением
блок с рейтингом заливаешь фоном (см. картинго ниже), ширина блока равна ширине картинке, высота равна половине высоты картинки, сверху накладываешь слой с точно такой же высотой и шириной в требуемых процентах, фоном та же картинко, но цветная половинка
позволяет показывать дробный рейтинг 4,3 например и тд.
банальная метода, посмотрел бы для примера на любом адекватном магазине...
вот картинко:
spoiler
5d67cceb3b179274113172.png
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
WordPress developer (Contractor, Remote)
Hicaliber
До 2 300 $
Middle Fullstack Developer (Laravel + Vue.js) (Contractor, Remote)
Hicaliber
от 2 500 до 3 800 $
Backend PHP Разработчик
Integrilla
от 120 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Модель управления электродвигателем в Matlab, Simulink
24 апр. 2024, в 06:52
5000 руб./за проект
Анимация логотипа
24 апр. 2024, в 00:08
20000 руб./за проект
Разработка дизайна раздела «Статьи» на сайте «Мир отходов»
23 апр. 2024, в 23:01
10000 руб./за проект
Ещё заказы