Product Rating

Las estrellas. Son decorativas y la nota va escrita, así que un lector de pantalla dice «4.5 de 5» en vez de leer cinco imágenes.

Props

Prop	Tipo	Por defecto	Qué hace
Star size	texto	1rem	Cualquier longitud CSS. El texto de al lado conserva su tamaño, así que una estrella más grande no arrastra la frase con ella.
Star color	texto	#b45309
Show the text beside the stars	sí / no	on	Apagado deja sólo las estrellas — lo que suele querer una tarjeta de producto. La frase se queda para los lectores de pantalla y es lo ÚNICO que dice la nota: las estrellas están escondidas para ellos, porque cinco imágenes leídas una a una no son una valoración.
Rating	texto	{this.fecommerce.rating}	Viene del producto que se está enseñando. Dentro de un bucle sigue sola a cada producto si el elemento del bucle se llama «this»; con cualquier otro nombre, átala a ese nombre.
Rating label	texto	{this.fecommerce.rating_label}	Viene del producto que se está enseñando. Dentro de un bucle sigue sola a cada producto si el elemento del bucle se llama «this»; con cualquier otro nombre, átala a ese nombre.

Sus variables propias

Variable	Por defecto	Qué controla
--fe-woo-rating-size	1rem	Cuánto mide cada estrella.
--fe-woo-rating-filled	#b45309	Una estrella llena. Ámbar por su cuenta, por lo mismo que el precio de oferta.
--fe-woo-rating-empty	#d1d5db	El resto de las cinco.
--fe-woo-rating-text-color	var(--fe-woo-muted, #4b5563)	El «4.5 de 5» escrito al lado.
--fe-woo-rating-text-size	var(--fe-woo-text-m, 0.88rem)	Su tamaño.