Issue with Review Page

I have issue with my https://www.jensenmovingandstorage.com/reviews/ page… It shows 5 stars for all reviews even if we give 1 star for negative review

by default it shows 5 stars irrespective of number of stars

Please let me know how to show actual number of stars

For example for this review I have selected 1 star but it shows 5 stars
How to get this fix, please help

joe

Here is the coding of review file

{% paginate craft.entries.section('reviews').limit(10) as pageInfo, pageEntries %}
{% extends "_layout" %}
{% set title = "5 Star Reviews" %}
{% block content %}

<div class="breadcrumbs-wrap data-grad-bg breadcrumbs-image" style="background: url({{ general.mainurl }}/bg1.jpeg)">
    <div class="container">
	    <div class="bgbc-container">
		    <h1 class="page-title">{% if craft.locale == 'en_us' %}What others say about us{% elseif craft.locale == 'es' %}Lo que otros dicen de nosotros
{% endif %} {% if pageInfo.currentPage > 1 %}- Page {{pageInfo.currentPage}}{% endif %}</h1>
		        <ul class="breadcrumbs">
		          	<li>
		          		<a href="{{ general.mainurl }}">Jensen Moving & Storage</a>
		          	</li>
				  	<li>
				  		Reviews
				  	</li>
		        </ul>
	    </div>
    </div>
</div>
    <div id="content" class="with-separator-right sbr">
	    <div class="container">
        	<div class="row">
				<main id="main" class="col-md-8">
					<div class="page-section">
						<div class="entry small-thumb">
							
							{% for entry in pageEntries %}
							<div class="content-element-type-2 image-entry-format">
								<article class="entry-attachment">
									<div class="row">
										<div class="col-xs-12">
											<div class="entry-body">
												<div class="rating" data-rating="5"></div>
												<div class="entry-meta">
												<time class="entry-date" datetime="{{ entry.postDate | date("Y-m-d") }}">{{ entry.postDate | date("d M Y") }}</time>
												{% for option in entry.sourceOfReview.options %}
													{% if option.selected %}
														{% if option.value == 'facebook' %}
															Rated on <a href="{{ entry.weblink }}" alt="rating on facbook" target="_blank"> {{ option }}</a> by
														{% endif %}
														{% if option.value == 'google'  %}
															Rated on <a href="https://www.google.de/search?q=jensen+moving+and+storage&ie=utf-8&oe=utf-8&client=firefox-b&gfe_rd=cr&ei=mC0tWeX8JLSk8weoo4-4DQ#gfe_rd=cr&lrd=0x88dee79041a74e35:0x818e3d8c5c354dde,1,"  target="_blank" alt="rating on google"> {{ option }}</a> by
														{% endif %}
													{% endif %}
												{% endfor %}
												<span class="entry-byline">
													{{ entry.nameofperson }}
												</span>
                          					</div>
						  					<h5 class="entry-title">
							  					{% for option in entry.sourceOfReview.options %}
													{% if option.selected %}
														{% if option.value == 'facebook' %}
															<a href="{{ entry.weblink }}" alt="rating on facbook" target="_blank"> {{ entry.title }}</a>
														{% endif %}
														{% if option.value == 'google'  %}
															<a href="https://www.google.de/search?q=jensen+moving+and+storage&ie=utf-8&oe=utf-8&client=firefox-b&gfe_rd=cr&ei=mC0tWeX8JLSk8weoo4-4DQ#gfe_rd=cr&lrd=0x88dee79041a74e35:0x818e3d8c5c354dde,1,"  target="_blank" alt="rating on google"> {{ entry.title }}</a>
														{% endif %}
													{% endif %}
												{% endfor %}
							  				</h5>
						  					{% for option in entry.sourceOfReview.options %}
													{% if option.selected %}
						  					{% if option.value == 'youtube'  %}
						  					<div style="position:relative;height:0;padding-bottom:56.25%"><iframe src="https://www.youtube.com/embed/{{ entry.youtubeUrl }}" style="position:absolute;width:100%;height:100%;left:0" width="640" height="360" frameborder="0" allowfullscreen></iframe></div>
						  					{% else %}
						  					<p>{{ entry.callout }}</p>
						  					{% endif %}
						  					{% endif %}
												{% endfor %}
                        				</div>
                      				</div>
                    			</div>
                  			</article>
                		</div>
						{% endfor %}
						<ul class="pagination-sm pagination-grid pagination" data-page-items="4" data-pagination-anima="show-scale" data-options="scrollTop:true">
	                        {% if pageInfo.firstUrl %}<li class="first"><a href="{{ pageInfo.firstUrl }}"><i class="fa fa-angle-double-left"></i> <span>First Page</span></a></li>{% endif %}
	                        {% if pageInfo.prevUrl %}<li class="prev disabled"><a href="{{ pageInfo.prevUrl }}"> <i class="fa fa-angle-left"></i> <span>Previous Page</span></a></li>{% endif %}
	                        <li class="page active"><a href="#">Page {{pageInfo.currentPage}} of {{pageInfo.totalPages}}</a>
	                        {% if pageInfo.nextUrl %}<li class="next"><a href="{{ pageInfo.nextUrl }}"><span>Next Page</span> <i class="fa fa-angle-right"></i></a></li>{% endif %}
							{% if pageInfo.lastUrl %}<li class="last"><a href="{{ pageInfo.lastUrl }}"><span>Last Page</span> <i class="fa fa-angle-double-right"></i></a></li>{% endif %}
		                </ul>
                            <ul class="pagination-sm pagination-grid" data-page-items="4" data-pagination-anima="show-scale" data-options="scrollTop:true"></ul>
              		</div>
            	</div>
          	</main>
		  	<aside id="sidebar" class="col-md-4">
            	<div class="page-section">
	            	<div class="widget">
	            	<h5 class="widget-title"><span class="uc grtxt">Page</span> <span class="uc bltxt" style="font-size: 4rem;">{{pageInfo.currentPage}}</span> <span class="uc grtxt">of </span><span class="uc bltxt" style="font-size: 4rem;">{{pageInfo.totalPages}}</span></h5>
	            	</div>
	            	<div class="widget">
					    <h5 class="widget-title uc grtxt">Reviews per page</h5>
					    <ul class="info-links">
					    		<li>
								<a href="{{ general.mainurl }}/reviews/20">
									20 Reviews per page
								</a>
							</li>
								<li>
								<a href="{{ general.mainurl }}/reviews/40">
									40 Reviews per page
								</a>
							</li>
								<li>
								<a href="{{ general.mainurl }}/reviews/80">
									80 Reviews per page
								</a>
							</li>
							</ul>
					</div>
	            	{% include 'inc/sidebarmodules/video-reviews.html' %}
					{% include 'inc/sidebarmodules/free-quote-callout.html' %}
					{% include 'inc/sidebarmodules/services.html' %}
					{% include 'inc/sidebarmodules/localareasserved.html' %}
					{% include 'inc/sidebarmodules/contact-our-specialist.html' %}
            	</div>
          	</aside>
        </div>
    </div>
</div>
{% endblock %}

shouldnt that 5 be a variable?

1 Like

please let me know how to fix this issue

I cant tell you that without knowing the structure of ‘pageEntries’.

I did copy and paste of complete review page coding … please let me know what else you need

Somewhere in your templating system something defines what pageEntries contains. The answer to your problem lies in that. I’d suggest doing a find in files to find out where that is.

I have these files in Craft folder

Where did you get the star rating code from or did you write it yourself?

Is there a script that should go with this? I don’t see any CSS that could affect the number of stars shown unless you are dynamically adjusting the width of that element so that only one star fits (or 2 or 3 etc as required).

Why are these 2 images almost the same:


Are those empty stars showing or are they the full stars? Usually you have a bordered star when empty and a full star when chosen (something like this).

1 Like

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.