woocommerce rating stars bugs : "SSSSS"
<p>I am using Woocommerce with my Website, but it keep making bugged star ratings like "SSSSS" and shape of stars overlapped.</p>

<p>It has been figured out number of "S" is the ratings, however, it should have been replaced with the colored star.</p>

<p>How should I fix the code? </p>

<p><a href="https://i.stack.imgur.com/bgWWS.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/bgWWS.jpg" alt="enter image description here"></a></p>

<p>will try to attach entire library of woocommerce source code. So please tell me if it is needed.</p>

<p>Below is the code of what I am suspicious of now.
review.php</p>

<pre><code>&lt;?php
/**
 * Display single product reviews (comments)
 *
 * This template can be overridden by copying it to yourtheme/woocommerce/single-product-reviews.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     2.3.2
 */
if ( ! defined( 'ABSPATH' ) ) {
    exit; // Exit if accessed directly
}

global $product;

if ( ! comments_open() ) {
    return;
}

?&gt;fs
&lt;div id="reviews" class="woocommerce-Reviews"&gt;
    &lt;div id="comments"&gt;
        &lt;h2 class="woocommerce-Reviews-title"&gt;&lt;?php
            if ( get_option( 'woocommerce_enable_review_rating' ) === 'yes' &amp;&amp; ( $count = $product-&gt;get_review_count() ) )
                printf( _n( '%s review for %s%s%s', '%s reviews for %s%s%s', $count, 'woocommerce' ), $count, '&lt;span&gt;', get_the_title(), '&lt;/span&gt;' );
            else
                _e( 'Reviews', 'woocommerce' );
        ?&gt;&lt;/h2&gt;

        &lt;?php if ( have_comments() ) : ?&gt;

            &lt;ol class="commentlist"&gt;
                &lt;?php wp_list_comments( apply_filters( 'woocommerce_product_review_list_args', array( 'callback' =&gt; 'woocommerce_comments' ) ) ); ?&gt;
            &lt;/ol&gt;

            &lt;?php if ( get_comment_pages_count() &gt; 1 &amp;&amp; get_option( 'page_comments' ) ) :
                echo '&lt;nav class="woocommerce-pagination"&gt;';
                paginate_comments_links( apply_filters( 'woocommerce_comment_pagination_args', array(
                    'prev_text' =&gt; '&amp;larr;',
                    'next_text' =&gt; '&amp;rarr;',
                    'type'      =&gt; 'list',
                ) ) );
                echo '&lt;/nav&gt;';
            endif; ?&gt;

        &lt;?php else : ?&gt;

            &lt;p class="woocommerce-noreviews"&gt;&lt;?php _e( 'There are no reviews yet.', 'woocommerce' ); ?&gt;&lt;/p&gt;

        &lt;?php endif; ?&gt;
    &lt;/div&gt;

    &lt;?php if ( get_option( 'woocommerce_review_rating_verification_required' ) === 'no' || wc_customer_bought_product( '', get_current_user_id(), $product-&gt;id ) ) : ?&gt;

        &lt;div id="review_form_wrapper"&gt;
            &lt;div id="review_form"&gt;
                &lt;?php
                    $commenter = wp_get_current_commenter();

                    $comment_form = array(
                        'title_reply'          =&gt; have_comments() ? __( 'Add a review', 'woocommerce' ) : sprintf( __( 'Be the first to review &amp;ldquo;%s&amp;rdquo;', 'woocommerce' ), get_the_title() ),
                        'title_reply_to'       =&gt; __( 'Leave a Reply to %s', 'woocommerce' ),
                        'comment_notes_after'  =&gt; '',
                        'fields'               =&gt; array(
                            'author' =&gt; '&lt;p class="comment-form-author"&gt;' . '&lt;label for="author"&gt;' . __( 'Name', 'woocommerce' ) . ' &lt;span class="required"&gt;*&lt;/span&gt;&lt;/label&gt; ' .
                                        '&lt;input id="author" name="author" type="text" value="' . esc_attr( $commenter['comment_author'] ) . '" size="30" aria-required="true" required /&gt;&lt;/p&gt;',
                            'email'  =&gt; '&lt;p class="comment-form-email"&gt;&lt;label for="email"&gt;' . __( 'Email', 'woocommerce' ) . ' &lt;span class="required"&gt;*&lt;/span&gt;&lt;/label&gt; ' .
                                        '&lt;input id="email" name="email" type="email" value="' . esc_attr(  $commenter['comment_author_email'] ) . '" size="30" aria-required="true" required /&gt;&lt;/p&gt;',
                        ),
                        'label_submit'  =&gt; __( 'Submit', 'woocommerce' ),
                        'logged_in_as'  =&gt; '',
                        'comment_field' =&gt; ''
                    );

                    if ( $account_page_url = wc_get_page_permalink( 'myaccount' ) ) {
                        $comment_form['must_log_in'] = '&lt;p class="must-log-in"&gt;' .  sprintf( __( 'You must be &lt;a href="%s"&gt;logged in&lt;/a&gt; to post a review.', 'woocommerce' ), esc_url( $account_page_url ) ) . '&lt;/p&gt;';
                    }

                    if ( get_option( 'woocommerce_enable_review_rating' ) === 'yes' ) {
                        $comment_form['comment_field'] = '&lt;p class="comment-form-rating"&gt;&lt;label for="rating"&gt;' . __( 'Your Rating', 'woocommerce' ) .'&lt;/label&gt;&lt;select name="rating" id="rating" aria-required="true" required&gt;
                            &lt;option value=""&gt;' . __( 'Rate&amp;hellip;', 'woocommerce' ) . '&lt;/option&gt;
                            &lt;option value="5"&gt;' . __( 'Perfect', 'woocommerce' ) . '&lt;/option&gt;
                            &lt;option value="4"&gt;' . __( 'Good', 'woocommerce' ) . '&lt;/option&gt;
                            &lt;option value="3"&gt;' . __( 'Average', 'woocommerce' ) . '&lt;/option&gt;
                            &lt;option value="2"&gt;' . __( 'Not that bad', 'woocommerce' ) . '&lt;/option&gt;
                            &lt;option value="1"&gt;' . __( 'Very Poor', 'woocommerce' ) . '&lt;/option&gt;
                        &lt;/select&gt;&lt;/p&gt;';
                    }

                    $comment_form['comment_field'] .= '&lt;p class="comment-form-comment"&gt;&lt;label for="comment"&gt;' . __( 'Your Review', 'woocommerce' ) . ' &lt;span class="required"&gt;*&lt;/span&gt;&lt;/label&gt;&lt;textarea id="comment" name="comment" cols="45" rows="8" aria-required="true" required&gt;&lt;/textarea&gt;&lt;/p&gt;';

                    comment_form( apply_filters( 'woocommerce_product_review_comment_form_args', $comment_form ) );
                ?&gt;
            &lt;/div&gt;
        &lt;/div&gt;

    &lt;?php else : ?&gt;

        &lt;p class="woocommerce-verification-required"&gt;&lt;?php _e( 'Only logged in customers who have purchased this product may leave a review.', 'woocommerce' ); ?&gt;&lt;/p&gt;

    &lt;?php endif; ?&gt;

    &lt;div class="clear"&gt;&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>Another suspicion : rating.php</p>

<pre><code>&lt;?php
/**
 * Single Product Rating
 *
 * This template can be overridden by copying it to yourtheme/woocommerce/single-product/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     2.3.2
 */

if ( ! defined( 'ABSPATH' ) ) {
    exit; // Exit if accessed directly
}

global $product;

if ( get_option( 'woocommerce_enable_review_rating' ) === 'no' ) {
    return;
}

$rating_count = $product-&gt;get_rating_count();
$review_count = $product-&gt;get_review_count();
$average      = $product-&gt;get_average_rating();

if ( $rating_count &gt; 0 ) : ?&gt;

    &lt;div class="woocommerce-product-rating" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"&gt;
        &lt;div class="star-rating" title="&lt;?php printf( __( 'Rated %s out of 5', 'woocommerce' ), $average ); ?&gt;"&gt;
            &lt;span style="width:&lt;?php echo ( ( $average / 5 ) * 100 ); ?&gt;%"&gt;
                &lt;strong itemprop="ratingValue" class="rating"&gt;&lt;?php echo esc_html( $average ); ?&gt;&lt;/strong&gt; &lt;?php printf( __( 'out of %s5%s', 'woocommerce' ), '&lt;span itemprop="bestRating"&gt;', '&lt;/span&gt;' ); ?&gt;
                &lt;?php printf( _n( 'based on %s customer rating', 'based on %s customer ratings', $rating_count, 'woocommerce' ), '&lt;span itemprop="ratingCount" class="rating"&gt;' . $rating_count . '&lt;/span&gt;' ); ?&gt;
            &lt;/span&gt;
        &lt;/div&gt;
        &lt;?php if ( comments_open() ) : ?&gt;&lt;a href="#reviews" class="woocommerce-review-link" rel="nofollow"&gt;(&lt;?php printf( _n( '%s customer review', '%s customer reviews', $review_count, 'woocommerce' ), '&lt;span itemprop="reviewCount" class="count"&gt;' . $review_count . '&lt;/span&gt;' ); ?&gt;)&lt;/a&gt;&lt;?php endif ?&gt;
    &lt;/div&gt;

&lt;?php endif; ?&gt;
</code></pre>