遭受同样的问题。经过大量的搜索和试验，我终于想出了这个解决方案。

这将获取显示评分的模板。但它显示如下：Rated 4.50 out of 5 based on 2 customer ratings (2 customer reviews)

<div class="rating-custom">
    <?php wc_get_template( \'single-product/rating.php\' ); ?>
</div>

/*star rating for products*/
.rating-custom div.product .woocommerce-product-rating {
    margin-bottom: 1.618em;
}

.rating-custom .woocommerce-product-rating .star-rating {
    margin: .5em 4px 0 0;
    float: left;
}

.rating-custom .woocommerce-product-rating::after, .rating-custom .woocommerce-product-rating::before {

    content: \' \';
    display: table;

}

.rating-custom .woocommerce-product-rating {
    line-height: 2;
}

.rating-custom .star-rating {
    float: right;
    overflow: hidden;
    position: relative;
    height: 1em;
    line-height: 1;
    font-size: 1em;
    width: 5.4em;
    font-family: star;
}

.rating-custom .star-rating::before {
    content: \'\\73\\73\\73\\73\\73\';
    color: #d3ced2;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
}

.rating-custom .star-rating {
    line-height: 1;
    font-size: 1em;
    font-family: star;
}

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

.rating-custom .star-rating span::before {
    content: \'\\53\\53\\53\\53\\53\';
    top: 0;
    position: absolute;
    left: 0;
}

.rating-custom .star-rating span {

    overflow: hidden;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 1.5em;

}

只需确保父容器包含css类woocommerce 如下所示：

<div class="woocommerce">
   <?php wc_single_product_ratings(); ?>
</div>

也许，集成现有解决方案以实现您想要的更容易。请参见下图：

该插件是免费的，可以通过官方WordPress插件库下载：

https://wordpress.org/plugins/trustfeed-reviews-and-customer-feedback-for-woocommerce/

它具有特殊功能，可帮助诚实的在线企业收集和展示客户评论，以提高销售额、转化率、信任度和社会证明。

一些特殊功能包括：

创建自定义满意度调查星级评定动态标签文本评论更多信息……购买后发送邮件鼓励购物者留下评论