Review Count
-
I’d like to show review count number right next to the start ratings.
With the help of the code below, I did manage to show the review count. I replaced
the code of the rating.php with the code below.<?php /** * Loop Rating * * This template can be overridden by copying it to yourtheme/woocommerce/loop/rating.php. * * HOWEVER, on occasion WooCommerce will need to update template files and you * (the theme developer) will need to copy the new files to your theme to * maintain compatibility. We try to do this as little as possible, but it does * happen. When this occurs the version of the template file will be bumped and * the readme will list any important changes. * * @see https://docs.woocommerce.com/document/template-structure/ * @author WooThemes * @package WooCommerce/Templates * @version 3.0.0 */ if ( ! defined( 'ABSPATH' ) ) { exit; } global $product; if ( get_option( 'woocommerce_enable_review_rating' ) === 'no' ) { return; } $rating_count = $product->get_rating_count(); $review_count = $product->get_review_count(); $average = $product->get_average_rating(); if ( $rating_count >= 0 ) : ?> <?php echo wc_get_rating_html($average, $rating_count); ?> <?php if ( comments_open() ): ?><a href="<?php echo get_permalink() ?>#reviews" class="woocommerce-review-link" rel="nofollow">(<?php printf( _n( '%s',$review_count,'woocommerce' ), '<span class="count">' . esc_html( $review_count ) . '</span>' ); ?>)</a><?php endif ?> <?php endif; ?>———————————————————————————
But The problem is the review count numbers are not aligning with the start ratings. I’d like to show them in the same line as the star ratings.Do you have any CSS code that would work?
Thanks,
Bunty-
This topic was modified 2 years, 7 months ago by
.
-
This topic was modified 2 years, 7 months ago by
-
This topic was modified 2 years, 7 months ago by
The page I need help with: [log in to see the link]
-
This topic was modified 2 years, 7 months ago by
-
Hello @bunty-pundir!
I followed this thread and found it to be working for me. ??https://www.ads-software.com/support/topic/add-count-of-the-number-of-reviews-alongside-star-rating/
On my test site which has the Storefront theme active I added the following code to my child theme’s functions.php file.
add_filter( 'woocommerce_product_get_rating_html', function ( $html, $rating, $count ) { global $product; if ( $html && is_archive() && $product) { $html .= sprintf( '<div class="gkartikey-product-rating-count">(%s)</div>', $product->get_rating_count() ); } return $html; }, 10, 3 );Later, I added the following CSS to my site’s Appearance > Customize > Additional CSS section.
ul.products li.product .star-rating{ float:left; margin: 0 auto 0 70px; } .gkartikey-product-rating-count{ height: 1em; line-height: 1em; margin-left: -60px; display: inline-block; } .price-wrapper .price { clear: both; }Here is how review and review counts appear on my site.
Link to image: https://snipboard.io/rgVGO7.jpgI suggest you try with the above code again and please customize the CSS according to your need.
Not working again, I have tested on my staging site, with the code of CSS the review count number did move to the star rating line but they are overlapping each other now. Yes, I have removed the code from the ratings.php and used the code that you mentioned above. Any other ideas?
Hello @bunty-pundir
I wanted to clarify, I think in the previous response Mashi is not asking for access but is asking for you to provide a website (or staging site) once the code is applied so that we can inspect it and provide assistance.
We do not require login credentials this is not permitted in the forums.
Upon checking your site it looks you did it:
Link to image: https://snipboard.io/9P3FHa.jpgIf you have any further questions, I recommend creating a new thread. I’ll mark this thread as resolved now.
Best.
- The topic ‘Review Count’ is closed to new replies.
