woocommerce - 從文本格式更改產品評級從文本格式到明星顯示格式

我試圖在循環中顯示woocommerce產品，同時這樣做我注意到產品評論以「4.5 out of 5」之類的文本格式顯示，但我正在尋找一個明星型顯示器 woocommerce - 從文本格式更改產品評級從文本格式到明星顯示格式

而且我不確定是否這是由於我的主題，我GOOGLE了，但無法得到適當的建議。

2015-08-15 krishna89

您的星級評分跨度設置爲文本字體。更改以下文件：插件/ woocommerce /資產/ CSS/woocommerce.css：

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

來源

2015-08-15 21:12:59 amespower

感謝您迴應bklynM也很抱歉這麼晚纔回復。我檢查了你的觀點並找到了它。對。在我的插件中，我實際上使用自定義代碼顯示產品列表，並且作爲其中的一部分，我使用了 <？ php woocommerce_template_loop_rating（）; ？> '但輸出的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>

來源

2015-11-19 16:46:43 georgecodes

woocommerce - 從文本格式更改產品評級從文本格式到明星顯示格式

回答

相關問題