X-Cart forums

[aferg]

Hi,

I have designed a simple product rating system (ecoRating) for our products. I have built the html and css. However, I need to integrate it into the add/modify product admin section and product.tpl.

Here is a link to the example: http://www.littlebitgreen.com/ecoRating.html

Here is the hard-coded html with ideas how is may be implemented:

 
<!-- need database field to hold ratings input ie. ecorating -->
<!-- need dropdown in add/modify product section to select rating and write to database - refer to CSS RATING SCALE for dropdown options -->
<!-- need logic to display ecoRating code block if ratings exist -->
<!-- need logic to display rating css after ecoRating class -->
 
<!-- CSS RATING SCALE noRating =0 .half=9% .one=20%  .oneAndHalf=30%  .two=40%  .twoAndHalf=50% .three=60%  .threeAndHalf=70%  .four paws=80%  .fourAndHalf paws=91%   .five=100% -->
 
<div class="ecoRatingContainer">
<div class="ecoScale"><div class="ecoRating fourAndHalf"></div></div>
<a href="#" target="_blank">How we rate our products</a></div>

and Here is the css:

 
.ecoRatingContainer {
 padding-top:27px;
 width:181px;
 text-align:right;
 margin:10px auto;
 clear:both;
 background: url(images/interface/ecoRating_heading.png) no-repeat right top;
}
.ecoRatingContainer a, .ecoRatingContainer a:hover { font-size:90%; text-decoration:none!important; color:#8e8b7b!important;}
.ecoRating {
 background:#FFFFFF url(images/interface/ecoRating_scaleOn.png) no-repeat left top; height:23px;
}
.ecoScale {
 background:#FFFFFF url(images/interface/ecoRating_scaleOff.png) no-repeat left top; height:23px; width:148px; margin: 0 0 0 auto; margin-bottom:2px; display:block; text-align:left;
}
.half {width:9%;}
.one {width:20%;}  
.oneAndHalf {width:30%;}   
.two {width:40%;}   
.twoAndHalf {width:50%;}  
.three {width:60%;} 
.threeAndHalf {width:70%;}  
.four {width:80%;}  
.fourAndHalf {width:91%;} 
.five {width:100%;}

Is there a kind soul who could help me implement this?

Thanks
AFerg

[JWait]

Is this something that you as the merchant rate, or is it something customers rate?

[Yurij]

X-cart has a system of rating and reviews for product. Why write another?

[aferg]

This is a product rating system for the store merchant to input; not customers. It will be based on the products eco friendliness determined by the merchant. They specifically want the graphics designed in the provided link.

We will still be using the other rating(stars) system for customers

Any help?
Thanks

[JWait]

I would probably start with x-cart's product rating system. Clone it, replace the text and graphics, and make it admin only.