This site has been archived and you can no longer log in or post new messages. For up-to-date community resources please visit ezplatform.com

eZ Community » Forums » Setup & design » Where have my stars gone?
expandshrink

Where have my stars gone?

Where have my stars gone?

Wednesday 24 October 2012 10:29:26 pm - 5 replies

when i use a package to change the sitestyle my stars disappear from the star rating.

How do i put them back?

Thanks in advance!

Thursday 25 October 2012 8:02:36 am

Hi,

Probably, your new design doesn't handle star rating. You have to alter some templates of sitestyle and paste the code :

<div class="attribute-star-rating">
     {attribute_view_gui attribute=$node.data_map.star_rating}
</div>

Modified on Thursday 25 October 2012 10:55:56 am by Sylvain Guittard

Thursday 25 October 2012 10:04:07 am

Sylvain Guittard, you're closing a span tag that is not open.

Thursday 25 October 2012 11:00:40 am

Quote from Israel Martín :

Sylvain Guittard, you're closing a span tag that is not open.

You're right ! Fixed... (Copy / Paste error)

Thanks Israel

Friday 26 October 2012 10:20:28 pm

Thanks guys.

I'll give that a try

Saturday 27 October 2012 11:24:24 am

Hi guys,

It's actually a style issue

/* ezstarrating styles */
.ezsr-star-rating li a{cursor:default;}
.ezsr-star-rating-enabled li a{cursor:pointer;}
.ezsr-star-rating,.ezsr-star-rating a:hover,.ezsr-star-rating a:active,.ezsr-star-rating a:focus,.ezsr-star-rating .ezsr-current-rating
{background:url(../images/star.gif) left -1000px repeat-x;}
.ezsr-star-rating
{position:relative;width:125px;height:25px;overflow:hidden;list-style:none;margin:0;padding:0;background-position:left top;}
.ezsr-star-rating li{display:inline;margin:0;padding:0;}
.ezsr-star-rating a,.ezsr-star-rating .ezsr-current-rating
{position:absolute;top:0;left:0;text-indent:-1000em;height:25px;line-height:25px;outline:none;overflow:hidden;border:none;}
.ezsr-star-rating-enabled a:hover,.ezsr-star-rating-enabled a:active,.ezsr-star-rating-enabled a:focus{background-position:left bottom;}
.ezsr-star-rating a.ezsr-stars-1{width:20%;z-index:6;}
.ezsr-star-rating a.ezsr-stars-2{width:40%;z-index:5;}
.ezsr-star-rating a.ezsr-stars-3{width:60%;z-index:4;}
.ezsr-star-rating a.ezsr-stars-4{width:80%;z-index:3;}
.ezsr-star-rating a.ezsr-stars-5{width:100%;z-index:2;}
.ezsr-star-rating .ezsr-current-rating{z-index:1;background-position:left center;}
span.ezsr_average_rating{font-weight:bold;}
.hide{display:none;}

You have to copy this over to your css file along with the star.gif into your images directory

I just have to find the javascript file to make it work lol

Any ideas where that might be?

expandshrink

You must be logged in to post messages in this topic!

36 542 Users on board!

Forums menu

Proudly Developed with from