Shop Page – How to keep the review stars always visible ?

Hello,

Please provide the page URL as I cannot find the product with a review. I will check if it is possible to show with custom CSS.

Best Regards

Hello,

It is not possible to show stars on this particular hover design as all the content appears on hover and it is contained in one block. You need to change the hover design. Try “Standard buttons” https://gyazo.com/bb8b4c263805db3594bfd38fd1d6d0ce stars are always visible.

Best Regards

Also add the following code to make sure you don’t see the star rating twice ones you got an actually review 😉

add_action( ‘woocommerce_after_shop_loop_item_title’, ‘conditionally_remove_loop_rating’, 4 );
function conditionally_remove_loop_rating(){
global $product;

if( ! ( $product->get_review_count() > 0 ) ) {
remove_action( ‘woocommerce_after_shop_loop_item_title’, ‘woocommerce_template_loop_rating’, 5 );
}
}

Strange…. this is the full code I inject with the plugin “My Custom Functions”. Hopefully this helps. See attachment.

add_action('woocommerce_after_shop_loop_item', 'add_star_rating' );
function add_star_rating()
{
global $woocommerce, $product;
$average = $product->get_average_rating();

echo '<div class="star-rating"><span style="width:'.( ( $average / 5 ) * 100 ) . '%"><strong itemprop="ratingValue" class="rating">'.$average.'</strong> '.__( 'out of 5', 'woocommerce' ).'</span></div></br>';
}
add_action( 'woocommerce_after_shop_loop_item_title', 'conditionally_remove_loop_rating', 4 );
function conditionally_remove_loop_rating(){
    global $product;

    if( ! ( $product->get_review_count() > 0 ) ) {
        remove_action( 'woocommerce_after_shop_loop_item_title', 'woocommerce_template_loop_rating', 5 );
    }
}

You can remove the “</br>” in the 6th line at the end.

That is really strange because when I remove the complete code I see the customer review the correct way. What lay-out are you using?