woocommerce - 从文本格式更改产品评级从文本格式到明星显示格式

问题描述：

我试图在循环中显示woocommerce产品，同时这样做我注意到产品评论以“4.5 out of 5”之类的文本格式显示，但我正在寻找一个明星型显示器 woocommerce - 从文本格式更改产品评级从文本格式到明星显示格式

而且我不确定是否这是由于我的主题，我GOOGLE了，但无法得到适当的建议。

答

您的星级评分跨度设置为文本字体。更改以下文件：插件/ woocommerce /资产/ CSS/woocommerce.css：

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

感谢您回应bklynM也很抱歉这么晚才回复。我检查了你的观点并找到了它。对。在我的插件中，我实际上使用自定义代码显示产品列表，并且作为其中的一部分，我使用了 '但输出的HTML标记div的评级显示在span标签 – krishna89

之外，我的期望是'woocommerce'类跨度将帮助'.star-rating span'赶上预定义的样式和字体woocommerce.css – krishna89

不知道我关注你。 woocommerce_template_loop_rating（）获取loop/rating.php文件。你的意思是你的html和类不按预期输出。可能您需要查看“woocommerce_product_get_rating_html”挂钩。请参阅：http://hookr.io/filters/woocommerce_product_get_rating_html/。寻找在woocommerce线索/包括/文摘/摘要-WC-product.php和woocommerce /包括/部件/类-WC-小部件 - 近期-reviews.php文件。如果我误解了，请告诉我。 – amespower

答

类.star评级被包裹类.woocommerce内。这就是说，为了显示星星而不是文本中的实际平均值，您需要将.woocommerce类添加到您的.star评分的任何父母。

你可以看到在插件中的CSS/woocommerce /资产/ CSS/woocommerce.scss

添加该代码来获得在循环评级，敷用类.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 - 从文本格式更改产品评级从文本格式到明星显示格式

相关推荐