wordpress外贸建站教程：让产品目录页卡片显示评分及数量

最近的一个商城wordpress外贸建站项目中，客户需要让产品目录页显示评分和评论数量。这个功能我记得woocommerce是支持的，但实际测试时发现并没有完全支持。

如上图所示，正常情况woocommerce支持在产品详情页显示评分和评论数量，说明它是支持这个功能的。但是默认情况下在产品目录页它只能显示评分，不能显示评论数量。这可能与目录页卡片的空间有限有关。

add_action('woocommerce_after_shop_loop_item_title', 'display_star_rating_and_review_count', 5);  

function display_star_rating_and_review_count() {  
    global $product;  

    // 获取产品点评数和星级  
    $average = $product->get_average_rating();  
    $rating_count = $product->get_rating_count();  

    // 如果有评论，则显示星级和评论数  
    if ($rating_count > 0) {  
        echo '<div class="star-rating-review-count" style="display: flex; align-items: center;">';  
        // 显示星级  
        echo '<div class="star-rating" style="margin-right: 5px;">';  
        echo '<span style="width:' . ( ( $average / 5 ) * 100 ) . '%;">' . esc_html__( 'Rated', 'woocommerce' ) . ' <strong>' . esc_html( $average ) . '</strong> ' . esc_html__( 'out of 5', 'woocommerce' ) . '</span>';  
        echo '</div>';  
        // 显示评论数  
        echo '<span class="review-count">(' . esc_html( $rating_count ) . ' ' . esc_html__( 'reviews', 'woocommerce' ) . ')</span>';  
        echo '</div>';  
    }  
}

如果你不是强迫症，这个功能其实可有可无，保持它默认就可以了。如果一定要想在产品目录页同时显示评分和评论数量，可以把上面的代码添加到主题functions.php文件中，或者 添加到code snippets之类的代码管理插件中。

代码添加好后，重新刷新woocommerce产品目录页（分类页），如果你的产品有用户评论和评分，它就会在卡片上显示，如果产品没有评论，它就不显示。

注意哦，以上代码仅建议有需要的商城wordpress建站用户使用，展示型网站还是别加了。