Si tienes instalado WP e-commerce, te darás cuenta que en algunos casos al actualizar WP a su versión 3.2 ó mayor, la visualización de product rating cambia de forma horizontal a vertical y remplaza las estrellas por números como se muestra en la imagen.

Para solucionarlo, remplaza todo lo que esta en product rating styling del CSS (en mi caso es default.css – div.product_footer, div.product_footer strong, div.product_average_vote. etc… ), por lo siguiente:
/*
* product rating styling
*/
.product_user_vote .star {cursor:pointer; text-indent:-999em; display: block; width: 18px; width: 17px; float: left; }
.product_user_vote .star a {background-position:0 0; display:block; height:100%; background:transparent url(images/grey-star.gif) no-repeat scroll 0 0; outline: none; }
.product_user_vote .star a:hover { background-position:0 0; background:transparent url(images/gold-star.gif) no-repeat scroll 0 0; }
.product_user_vote .star a.selected { background-position:0 0; background:transparent url(images/gold-star.gif) no-repeat scroll 0 0; }
.product_user_vote .star a, .product_user_vote .star a:focus { outline: none; }
div.product_footer {position: relative; clear: both; padding-top:5px; width: 100%; border-top: 1px dashed #ccc; height: 35px; margin:10px 0; } div.product_footer strong{ display: block; font-size: 7pt; font-weight: normal; }
div.product_average_vote {position: relative; float: left; }
div.product_user_vote {position: relative; float:right; }
span.vote_total {position: relative; top: -3px; left: 2px; font-size: 7pt; }
span.rating_saved {color: #990000; display: none; }
/*
* fin de product display styling
*/
Una ves reemplazado el código CSS, se volverá a visualizar la puntuación horizontal con las 5 estrellas.


0 Comentarios.