Corregir problema de visualización en el evaluador de producto (product rating) de WP e-Commerce

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.

ENTRADAS RELACIONADAS

En realidad es una opción que debería traer el WP e-commerce por defecto, pero como no lo es, voy a explicar como removerlos. Nos dirigimos a esta ruta: …/wp-content/plugins/wp-e-commerce/wpsc-includes/processing.functions.php En... 



Para quitar el molesto borde puntado que se ve en los navegadores cuando hacemos clik en imagenes, títulos y botones tan solo con incluir el siguiente código... 



0 Comentarios.

DEJA TU COMENTARIO