Close

rating start

danishjee
9 years ago
#7699 Quote
Avatar
  • 4
I am using Nop Anywhere Sliders .I want to show rating starts after price.System Name (HomePageSlider).Could you please help me in this.I am using nopCommerce3.3.
Boyko
9 years ago
#7707 Quote
Avatar
  • Moderator
  • 1570
danishjee wrote:
I am using Nop Anywhere Sliders .I want to show rating starts after price.System Name (HomePageSlider).Could you please help me in this.I am using nopCommerce3.3.


Hi danishjee,

I don't understand what you want.
The Anywhere Sliders plugin has nothing to do with the product price and the ratings.
Please clarify what exactly you want.

Thanks
Regards,
Nop-Templates.com Team
danishjee
9 years ago
#7714 Quote
Avatar
  • 4
if you see this following link
http://www.pinterest.com/pin/335447872217167189/

First item showing star rating.I need to show same way.
Peter.Zhekov
9 years ago
#7725 Quote
Avatar
  • Moderator
  • 104
Hello there!
By design there are no rating stars in the item boxes.
But if you want to customize your theme you need to change some styles in document "styles.css".
What you need to do is to find following styles into "styles.css" document

.product-review-box

and change it with:

.product-rating-box;

This might be on line 2541 to 2550.

And finally go to line 1970 or find
 .item-box .product-rating-box
and change the property from: display:none; to display:inline-block;;

This is all you need to do to customize your website item box.
Wish you best!
Regards,
Peter Zhekov
Nop-Templates.com
Peter.Zhekov
9 years ago
#7728 Quote
Avatar
  • Moderator
  • 104
I`m sending you full code that you have to change.
Find this lines:
.item-box .product-rating-box {
    display: none;
}

and replace with:

.item-box .product-rating-box {
    display: inline-block;
}
;
And on lines:

.product-review-box {
  display: inline-block;
  margin: 0 0 5px;
}
.product-review-box .rating {
    width: 85px;
    height: 16px;
    background: url(../img/icon-rating-empty.png) repeat-x;
}
.product-review-box .rating div {
  height: 16px;
  background: url(../img/icon-rating-full.png) repeat-x;
}

change it like that:

.product-rating-box {
  display: inline-block;
  margin: 0 0 5px;
}
.product-rating-box .rating {
    width: 85px;
    height: 16px;
    background: url(../img/icon-rating-empty.png) repeat-x;
}
.product-rating-box .rating div {
  height: 16px;
  background: url(../img/icon-rating-full.png) repeat-x;
}
;
That is all!
Have a nice day!
Regards,
Peter Zhekov
Nop-Templates.com