Как вывести звезды рейтинга над коротким описанием?

Question

[Сергей Шкурихин]

Как вывести звезды рейтинга над коротким описанием? В каталоге показывается а тут нет. В css темы не нашел чтобы было отключено. Как они по умолчанию выводяться?

Answer 1

[trenton]

add_filter('woocommerce_product_get_rating_html', 'themename_get_rating_html', 10, 2);

  function themename_get_rating_html($rating_html, $rating) {
  	if ( $rating > 0 ) {
    	$title = sprintf( __( 'Rated %s out of 5', 'woocommerce' ), $rating );
  	} else {
    	$title = 'Not yet rated';
    	$rating = 0;
  	}
  	$rating_html  = '<div class="star-rating" title="' . $title . '">';
  	$rating_html .= '<span style="width:' . ( ( $rating / 5 ) * 100 ) . '%"><strong class="rating">' . $rating . '</strong> ' . __( 'out of 5', 'woocommerce' ) . '</span>';
  	$rating_html .= '</div>';
  	return $rating_html;
  }

Если отключены все стили вукоммерса, то придется достать их из отключенного дефолтного документа, чтоб звезды было видно, а то сам на этом споткнулся и просидел очень долго. В общем, если будет что-то типа SSSS вместо звезд, то скрипт работает, а их стили нет.

Comments

[Сергей Шкурихин]

Подскажи как достать? Я до сих пор туплю с этим...

[trenton]

В админке woocommerce-настройки-товары-оценка товара в самом низу обе галочки стоят?

По умолчанию звезды руками выводить не надо, они выводятся в content-single-product.php на хуке woocommerce_single_product_summary с приоритетом 10(woocommerce_template_single_rating - 10).

Если это самописная тема, тот же underscore(не перепиливание чужой темы), то скорей всего они не выводятся, потому что отключен файл стилей вукоммерса по умолчанию. То есть звезды есть, но невидимые. Вот это надо попробовать вставить в стили
/**
* Star rating
*/
.star-rating {
overflow: hidden;
position: relative;
height: 1.618em;
line-height: 1.618;
font-size: 1em;
width: 5.3em;
font-family: 'star';
font-weight: 400;
}

.star-rating:before {
content: "\53\53\53\53\53";
opacity: .25;
float: left;
top: 0;
left: 0;
position: absolute;
}

.star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
}

.star-rating span:before {
content: "\53\53\53\53\53";
top: 0;
position: absolute;
left: 0;
color: gold;
}

p.stars a {
position: relative;
height: 1em;
width: 1em;
text-indent: -999em;
display: inline-block;
text-decoration: none;
margin-right: 1px;
font-weight: 400;
}

p.stars a:before {
display: block;
position: absolute;
top: 0;
left: 0;
width: 1em;
height: 1em;
line-height: 1;
font-family: "star";
content: "\53";
color: #404040;
text-indent: 0;
opacity: .25;
}

p.stars a:hover ~ a:before {
content: "\53";
color: #404040;
opacity: .25;
}

p.stars:hover a:before {
content: "\53";
color: gold;
opacity: 1;
}

p.stars.selected a.active:before {
content: "\53";
color: royalblue;
opacity: 1;
}

p.stars.selected a.active ~ a:before {
content: "\53";
color: #404040;
opacity: .25;
}

p.stars.selected a:not(.active):before {
content: "\53";
color: royalblue;
opacity: 1;
}

Если это перепиливание чужой темы, то надо уже смотреть что может перебить. По файлам ее функций в редакторе кода Ctrl+F поискать слово rating, нету ли там чего-то типа remove. Если там не один самописный файл с функциями, то лучше поштучно посмотреть каждый, хотя можно и массовый поиск по всей папке.

Answer 2

[Сергей Шкурихин]

Походу у меня действительно отключены стили, так как не только звезды не работают но и другие элементы.. А как включить есть способ?