Elefhl

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

5 сообщений в этой теме

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

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

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

0

Поделиться этим сообщением


Ссылка на сообщение
Поделиться на других сайтах

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

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

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

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

1

Поделиться этим сообщением


Ссылка на сообщение
Поделиться на других сайтах

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

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

0

Поделиться этим сообщением


Ссылка на сообщение
Поделиться на других сайтах

Да, может кому понадобится.
Звездочки закинул в папку
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 } ?>
0

Поделиться этим сообщением


Ссылка на сообщение
Поделиться на других сайтах

 

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

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

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
Те же яйца, только в профиль.
Изменено пользователем jazzauto
0

Поделиться этим сообщением


Ссылка на сообщение
Поделиться на других сайтах

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

Комментарии могут оставлять только зарегистрированные пользователи

Создать аккаунт

Зарегистрировать новый аккаунт в нашем сообществе. Это несложно!


Зарегистрировать новый аккаунт

Войти

Есть аккаунт? Войти.


Войти

  • Недавно просматривали   0 пользователей

    Ни один зарегистрированный пользователь не просматривает эту страницу.