Question

我正在尝试循环显示woocommerce产品，同时这样做我注意到产品评论以文本格式显示，例如＆＃34; 4.5 / 5＆＃34;，但我正在寻找明星型显示器{ {3}}

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

Answer 1

您的星级评分范围设置为文字字体。更改以下文件中的内容：plugins / woocommerce / assets / css / woocommerce.css：

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

Answer 2

班级.star-rating包含在.woocommerce类中。话虽如此，为了显示星星而不是文本中的实际平均值，您需要将.woocommerce类添加到.star-rating的任何父级。

你可以在插件/ woocommerce / assets / css / woocommerce.scss中看到css

添加此代码以获得循环中的评级并使用.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 - 从文本格式到星形显示格式循环更改产品评级

2 个答案: