Si usáis WooCommerce sabréis que tenéis en los bloques que pone a nuestra disposición el plugin, muchos de productos que te permiten mostrar (o no) la puntuación media de las valoraciones de los productos. Esa puntuación media se expresa en forma de estrellas y las estrellas van de 1 a 5, como en tantos otros sitios de Internet que valoran así (hoteles, tiendas, reservas de cualquier tipo…).
WooCommerce a través de su fuente, te rellena las estrellas que correspondan con CSS, así que queda muy curioso que aparezcan así como se ve en la imagen de arriba.
El problema: a veces aparecen como SSSSS
El caso es que si usas los bloques en sitios diferentes a los que a priori carga WooCommerce puede pasarte que en vez de las estrellas te aparezcan unas letras SSSSS que hacen que el contenido quede horrible.
¿Dónde no carga WooCommerce que pueda hacernos falta? En las entradas, en las páginas, o en cualquier otro sitio. No hay muchas soluciones por Internet a este problema así que os propongo yo aquí una que he aplicado para mí mismo.
¿Qué hay que hacer para resolverlo? Pues simplemente encolar el CSS necesario en su sitio. Tan sencillo como esto:
add_action( 'wp_enqueue_scripts', function() {
if( is_single() && get_post_type() === 'post' ){
$plugin_url = plugins_url( '/woocommerce/assets/css/woocommerce.css' );
wp_enqueue_style( 'woocommerce-star-rating', $plugin_url, array(), null );
}
} );En este caso si os fijáis es para arreglar la visualización en una entrada del blog, cuando se visualiza de forma individual, por eso lo de: is_single() && get_post_type() === ‘post’
Si tenéis el problema en una página podéis usar is_page() y para afinar podéis incluso pasarle parámetros para ajustarlo a tal página o tal otra. O jugar con cualquier otra combinación de condicionales en WordPress.
(Ninguna valoración todavía)
Cargando…