2016-09-13 4 views
2

私は、さまざまなセクションのカテゴリー別に商品を取り込む私のWooCommerceショップページ用に作成したカスタムテンプレートを持っています。ループ内のWooCommerceの星評価を取得

各製品のループに星の評価をどのように引き込むことができるかを知る必要があります。私が何時間もやってきた検索は、何も得られません。

答えて

2

私自身の質問に答えることができました。ループ内の星評価を取得する方法は次のとおりです。例えば、コンテナにwoocommerce:

<?php if ($average = $product->get_average_rating()) : ?> 
    <?php echo '<div class="star-rating" title="'.sprintf(__('Rated %s out of 5', 'woocommerce'), $average).'"><span style="width:'.(($average/5) * 100) . '%"><strong itemprop="ratingValue" class="rating">'.$average.'</strong> '.__('out of 5', 'woocommerce').'</span></div>'; ?> 
<?php endif; ?> 

するCSSクラスを必ず含めてください:以下のコードを使用して

スタートさらに

<ul class="woocommerce"> 
<li> 
    <?php if ($average = $product->get_average_rating()) : ?> 
    <?php echo '<div class="star-rating" title="'.sprintf(__('Rated %s out of 5', 'woocommerce'), $average).'"><span style="width:'.(($average/5) * 100) . '%"><strong itemprop="ratingValue" class="rating">'.$average.'</strong> '.__('out of 5', 'woocommerce').'</span></div>'; ?> 
<?php endif; ?> 
</li> 
</ul> 

は、私はサイズと色を変える終了しました星の数:

.woocommerce { 
     .star-rating { 
     width: 110px !important; 
     height: 30px !important; 
     float: left; 
     &:before { 
     font-size: 20px; 
     } 
     span { 
     &:before { 
      font-size: 20px; 
      color: #ffa500; 
     } 
     } 
    } 
+0

グローバル変数$ productなしの平均評価を得る方法。私は製品IDを持っています。 –

0

これはどういう意味ですか?

global $product; 
echo $product->get_rating_html();