Замена звёздочек рейтинга на карточке товара - Дизайн и оформление

надо те же размеры соблюдать. всей картинки и позиции каждого ее элемента. в общем 1:1.

ну или изменять CSS и скрипт смотреть.

Можно ещё перекрасить

if(typeof control.split=='number' && control.split>0){
   var stw = ($.fn.width ? star.width() : 0) || control.starWidth;
   stw = 16;//width star
   var spi = (control.count % control.split), spw = Math.floor(stw/control.split);

   star
   // restrict star's width and hide overflow (already in CSS)
   .width(spw)
   // move the star left by using a negative margin
   // this is work-around to IE's stupid box model (position:relative doesn't work)
   .find('a').css({ 'margin-left':'-'+ (spi*spw) +'px' })
};

плохо чистили

... это в functions.php function showMarkStar

Чтобы не хакать ядро и не затрагивать отзывы:

$jshopConfig = JSFactory::getConfig();
$k = 2; //коэффициент увеличения размера звезды
$jshopConfig->rating_starparts /= $k;
echo showMarkStar(оценка);
$jshopConfig->rating_starparts *= $k;

Здравствуйте,
вопрос

Задача изменить размер звездочек рейтинга
прописать CSS и сделать спрайт  - не проблема

А где задается ширина блоков?

Код: html4strict

<div class="stars_no_active" style="width:80px">
  <div class="stars_active" style="width:64px"></div>
</div>

Задается скриптом, и не явно а вычисляется (я так думаю)

В скрипте jquery.rating.pack.js в функции fn.rating указано значение параметра по умолчанию:

starWidth: 16

Пытался менять - ничего не меняется. Или функция где-то вызывается с другим параметром, или не там ищу ...

Подскажите, плз, где искать
Спасибо)

function showMarkStar($rating){
    $jshopConfig = JSFactory::getConfig();
    $count = floor($jshopConfig->max_mark / $jshopConfig->rating_starparts);
   $star_width = $jshopConfig->rating_star_width;
    $width = $count * $star_width;
    $rating = round($rating);
    $width_active = intval($rating * $star_width / $jshopConfig->rating_starparts);
    $html = "<div class='stars_no_active' style='width:".$width."px'>";
    $html .= "<div class='stars_active' style='width:".$width_active."px'>";
    $html .= "</div>";
    $html .= "</div>";
return $html;
}

$config->rating_star_width = 16;

Замените в файле components/com_jshopping/js/jquery/jquery.rating.pack.js строку...