Простенькая тема о звездочках в рейтинге товара

[Elefhl]

Странно, но в CSS я не нашел как покрасить серые звездочки на страницах отзывов в дефолтном шаблоне.

То есть под самим товаром я нашел как положительный рейтинг окрасить в желтый цвет, а на странице отзывов он серый, цвет 666. Если отзыв не на 5 а меньше, то окрашивается в серо-белый, цвет основного шрифта

Как-то не красиво - человек открывает отзывы и видит темно серые звезды.

[konorws]

Странно, но в CSS я не нашел как покрасить серые звездочки на страницах отзывов в дефолтном шаблоне.

То есть под самим товаром я нашел как положительный рейтинг окрасить в желтый цвет, а на странице отзывов он серый, цвет 666. Если отзыв не на 5 а меньше, то окрашивается в серо-белый, цвет основного шрифта

Как-то не красиво - человек открывает отзывы и видит темно серые звезды.

Они лежат в картинках catalog/view/theme/defaul/image/rating-*.png

[Elefhl]

Странно, у меня там нет ничего такого

есть баннеры какого-то кредита klarna, есть гифка loading.gif и png от палки

[Elefhl]

Да, может кому понадобится.
Звездочки закинул в папку
catalog/view/theme/defaul/image/ с названиями rating-1.png ..... rating-5.png
но пришлось изменить дефолтный код на 

<?php if ($reviews) { ?>
<?php foreach ($reviews as $review) { ?>
<div class="review-list">
  <td style="width: 50%;"><strong><?php echo $review['author']; ?></strong></td>
    <td class="text-right"><?php echo $review['date_added']; ?></td>
  <div class="rating"><img src="catalog/view/theme/default/image/stars-<?php echo $review['rating'] . '.png'; ?>" alt="<?php echo $review['reviews']; ?>" /></div>
  <div class="text"><?php echo $review['text']; ?></div>
</div>
<?php } ?>
<div class="pagination"><?php echo $pagination; ?></div>
<?php } else { ?>
<div class="content"><?php echo $text_no_reviews; ?></div>
<?php } ?>

[jazzauto]

 

Да, может кому понадобится.

Звездочки закинул в папку

catalog/view/theme/defaul/image/ с названиями rating-1.png ..... rating-5.png

но пришлось изменить дефолтный код на 

<?php if ($reviews) { ?>
<?php foreach ($reviews as $review) { ?>
<div class="review-list">
  <td style="width: 50%;"><strong><?php echo $review['author']; ?></strong></td>
    <td class="text-right"><?php echo $review['date_added']; ?></td>
  <div class="rating"><img src="catalog/view/theme/default/image/stars-<?php echo $review['rating'] . '.png'; ?>" alt="<?php echo $review['reviews']; ?>" /></div>
  <div class="text"><?php echo $review['text']; ?></div>
</div>
<?php } ?>
<div class="pagination"><?php echo $pagination; ?></div>
<?php } else { ?>
<div class="content"><?php echo $text_no_reviews; ?></div>
<?php } ?>

 

 

 

В Opencart используются иконочные шрифты /catalog/view/javascript/font-awesome/cssfont-awesome.css

 

Чтобы сделать звездочки золотыми с красной окантовкой, можно написать так

 

.fa-star:before {

  content: "\f005";

  color: gold;

}

.fa-star-o:before {

  color: red;

  content: "\f006";

}

 

По умолчанию используется font-awesome.min.css, но более удобно переключиться на cssfont-awesome.css

Те же яйца, только в профиль.

Змінено 12 січня 2017 користувачем jazzauto