woocommerce

Question

我正在尝试循环显示 woocommerce 产品，在执行此操作时我注意到产品评论以文本格式显示，如“4.5 out of 5”，但我正在寻找星型显示

而且我不确定这是否是由于我的主题所致，我用谷歌搜索但无法获得适当的建议。

Answer 1

您的星级评分跨度设置为文字字体。在以下文件中更改它：plugins/woocommerce/assets/css/woocommerce.css:

.star-rating span {
    font-family: "star";
}

Answer 2

class .star-rating 包含在 class .woocommerce 中。也就是说，为了在文本中显示星星而不是实际平均值，您需要将 class .woocommerce 添加到您的 .star-rating.

的任何父项中

您可以在plugins/woocommerce/assets/css/woocommerce.scss

中看到css

添加此代码以在循环中获取评级并使用 class .woocommerce.

包装循环

<?php woocommerce_get_template( 'single-product/rating.php' ); ?>

例子

<ul class="woocommerce">

    <?php  

        $args = array(
            'post_type' => 'product',
            'order_by'  => 'post_id',
            'order'     => 'ASC'
        );


        $loop = new WP_Query($args);

    ?>

    <?php  while ($loop -> have_posts()) : $loop -> the_post(); ?>

        <li>
            <?php the_post_thumbnail(); ?>
            <?php woocommerce_get_template( 'loop/price.php' ); ?>
            <?php woocommerce_get_template( 'single-product/rating.php' ); ?>
            <?php woocommerce_get_template( 'loop/add-to-cart.php' ); ?>
        </li>

    <?php endwhile; ?>
</ul>

woocommerce - 将循环中的产品评级从文本格式更改为星号显示格式

woocommerce - change product rating in loop from textual format to star display format

php

wordpress