Display empty star rating

Hi,

I am not sure about your need, can you describe specifically? Currently, if there is no review, it shows like this: https://prnt.sc/1ubpecw please clarify what you want by screenshot and describe on it.

Best regards.

Hello,

Thanks for getting back to me.

https://prnt.sc/1x8lnsf

Some of my client’s products have reviews and some don’t. That makes our ‘select options'(add to cart) buttons not aligned vertically. I would like to display empty stars so although some products don’t have reviews, buttons could sitting at the same level.

Can you please help to achieve this? or let me know another way to do this?

Thank you.

Hi,

In this case, please try to use this custom CSS, add this in Reviews tab > Custom CSS:

add_filter('woocommerce_product_get_rating_html',function ( $html, $rating, $count){
	$label = sprintf( __( 'Rated %s out of 5', 'woocommerce' ), $rating );
	$html  ='<div class="star-rating" role="img" aria-label="' . esc_attr( $label ) . '">' . wc_get_star_rating_html( $rating, $count ) . '</div>';
	return $html;
},9999,3);

Best regards.