Reviews / Ratings Tab Help

Hi :

I have enabled the reviews and ratings but the following doesn't show:

The stars / rating for the product. I have a few reviews entered for a product and the ratings do not show.

Also - I can't click the 'was this review helpful' option for any of the reviews.

How do I make both features work?

Using 2.65 v

Hi doyoubake,

Would it be possible to send us a link to your store so that we can have a look and let you know how to fix this.
Can you try editing your Themes/Jewelry/Views/Catalog/ProductTemplate.SingleVariant.cshtml and
Themes/Jewelry/Views/Catalog/ProductTemplate.VariantsInGrid.cshtml files as shown below:

@if (!quickTabsIntegrated)
                    {
                        <!--product reviews-->
                        @Html.Action("ProductReviewOverview", "Catalog", new { productId = Model.Id })
                    }

Remove the lines in bold. By design when you have the Nop Quick Tabs enabled the default ratings are hidden so that there is no logic duplication, but you can enable them as shown above and add some styling if necessary.

Hope that helps!

Hi - Thanks

You can take a look at my site at : http://shop.smartbrandz.com - its in my test site for now until I move it over to production end of week. If you can let me know how to fix it, I would appreciate it.

Thanks

Hi doyoubake,

Actually you can rate the product reviews, it is just the styling that does not make you think you can click on it. Can you please add the following to your Themes/Jewelry/Content/css/styles.css file:

.product-review-helpfulness .vote {
  color: #b68c65;
}

.product-review-helpfulness .vote:hover {
  cursor: pointer;
  text-decoration: underline;
}

In order to display the rating result just add the following css styles as well to your styles.css file

.product-review-box {
   float: right;
   margin: 3px 0 0;
}

.product-review-box .rating {
   width: 55px;
   height: 12px;
   background: url('../img/rating1.gif') repeat-x;
}

.product-review-box .rating div {
   height: 12px;
   background: url('../img/rating2.gif') repeat-x;
}

You should copy these two images below and save them to your Themes/Jewelry/Content/img folder.

http://themes.jewelry.nop-templates.com/Themes/Jewelry/Content/img/rating2.gif
http://themes.jewelry.nop-templates.com/Themes/Jewelry/Content/img/rating1.gif

Hope that helps!