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建站用戶使用，展示型網站還是別加了。