Перейти к публикации
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...

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


Elefhl
 Поделиться

Рекомендованные сообщения

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

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

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

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


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

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

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

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

  • +1 1
Ссылка на комментарий
Поделиться на других сайтах

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

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

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


Да, может кому понадобится.
Звездочки закинул в папку
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 } ?>
Ссылка на комментарий
Поделиться на других сайтах


  • 3 месяца спустя...

 

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

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

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 пользователей

    • Нет пользователей, просматривающих эту страницу.
×
×
  • Создать...

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.