如何计算每个产品的评论并在大型商务中的产品列表中显示? [英] how to count review per product and show in product listing in big commerce?

问题描述

请找到附有图片的主意 我想计算每个产品的评论

Please find attached image which is gives you idea i want to count review per product

请找到管理员代码

<li class="%%GLOBAL_AlternateClass%%">
<div class="inner">
<div class="ProductImage QuickView" data-product="%%GLOBAL_ProductId%%">
%%GLOBAL_ProductThumb%%
</div>
<div class="ProductDetails">
<a href="%%GLOBAL_ProductLink%%" class="%%GLOBAL_SearchTrackClass%% pname">%%GLOBAL_ProductName%%</a>
</div>
<em class="p-price">%%GLOBAL_ProductPrice%%</em>
<div class="ProductPriceRating">
<span class="Rating Rating%%GLOBAL_ProductRating%%">
<img src="%%GLOBAL_IMG_PATH%%/IcoRating%%GLOBAL_ProductRating%%.png" alt="" style="%%GLOBAL_HideProductRating%%"/>
</span>
</div>
<div>
<div class="ProductCompareButton" style="display:%%GLOBAL_HideCompareItems%%">
<input type="checkbox" class="CheckBox" name="compare_product_ids" id="compare_%%GLOBAL_ProductId%%" value="%%GLOBAL_ProductId%%" onclick="product_comparison_box_changed(this.checked)"/> <label for="compare_%%GLOBAL_ProductId%%">%%LNG_Compare%%</label> <br>
</div>
<div class="ProductActionAdd" style="display:%%GLOBAL_HideActionAdd%%;">
<a href="%%GLOBAL_ProductURL%%" class="btn icon-%%GLOBAL_ProductAddText%%" title="%%GLOBAL_ProductAddText%%">%%GLOBAL_ProductAddText%%</a>
</div>
</div>
</li>

推荐答案

此jQuery代码段可以插入类别页面以异步访问每个产品，并确定页面上的评论数.

This jQuery snippet can be inserted on the category page to asynchronously access each product, and determine the number of reviews on the page.

// For each product on the category page...
$('.ProductDetails').each(function(index) {
  var $self = $(this); // Make local reference to 'this'.
  // Parse the URL from the individual product, and retrieve its Reviews Count:
  getProductPageReviewCount($self.find('>:first-child').attr('href')).then(function(count) {
    // Insert the number of reviews below the Product Name:
    $self.find('>:first-child').after("<a>" +count +" Reviews</a>");
  }).catch(function(err) {
    // Catch any Ajax Errors:
    console.log('Error - ', err);
  });
});

  /**
   * Determines the total number of reviews for a particular
   * external product page, according to its URL. 
   * @param url <string>   - The product page's URL. 
   * @return Promise\<int> - The number of reviews on the page, or error on failed request.
   */
  function getProductPageReviewCount(url) {
    return new Promise(function(fulfill, reject) {
        $.ajax({
          method: 'GET',
          url: url,
          success: function(res) {
            fulfill($(res).find('.ProductReviewList > li').length);
          },
          error: function(err) {
            reject(err);
          }
        });
    });
  }

这篇关于如何计算每个产品的评论并在大型商务中的产品列表中显示?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！