Product Price
El precio, en la moneda de la tienda. Enseña el precio tachado cuando está rebajado.
Props
| Prop | Tipo | Por defecto | Qué hace |
|---|---|---|---|
| Price → Size | texto | var(--fe-woo-text-2xl, 1.25rem) | |
| Price → Weight | texto | 600 | |
| Price → Colour | texto | var(--fe-woo-color, #111827) | |
| Previous price → Strike it | sí / no | on | Apagado lo deja sin tachar, para una tienda que los distinga sólo por color y tamaño. El elemento sigue siendo un <del> en los dos casos, así que un lector de pantalla lo sigue anunciando como el precio anterior. |
| Previous price → Size | texto | 1em | |
| Previous price → Weight | texto | 400 | |
| Previous price → Colour | texto | var(--fe-woo-muted, #6b7280) | |
| Sale price → Size | texto | var(--fe-woo-price-size, 1.25rem) | |
| Sale price → Weight | texto | var(--fe-woo-price-weight, 600) | |
| Sale price → Colour | texto | #b91c1c | |
| Price | texto | {this.fecommerce.price_formatted} | 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. |
| Two prices | sí / no | {this.fecommerce.has_price_pair} | Si hay dos precios que enseñar. No es lo mismo que estar rebajado: un producto variable con una variación en oferta está rebajado pero tiene un rango, no un par — atado a on_sale, su ficha sale con dos etiquetas y ningún número. |
| Previous price | texto | {this.fecommerce.regular_price_formatted} | |
| Sale price | texto | {this.fecommerce.sale_price_formatted} | |
| Previous price label | texto | {this.fecommerce.regular_price_label} | Se oye, no se ve: «20 € 18 €» leído en voz alta son dos cifras sin saber cuál se cobra. |
| Sale price label | texto | {this.fecommerce.sale_price_label} |
Sus variables propias
| Variable | Por defecto | Qué controla |
|---|---|---|
--fe-woo-price-size | var(--fe-woo-text-2xl, 1.25rem) | Cuánto mide el precio. |
--fe-woo-price-weight | 600 | Su grosor. |
--fe-woo-price-was-color | var(--fe-woo-muted, #6b7280) | El precio tachado de una oferta. |
--fe-woo-price-was-size | 1em | El tamaño del precio tachado. Por defecto 1em: el mismo que el precio de al lado, y le sigue si aquél cambia. |
--fe-woo-price-was-weight | 400 | Su grosor, más fino que el del precio: no es el que se paga. |
--fe-woo-price-sale-color | #b91c1c | El nuevo. Rojo por su cuenta: es una convención, no un estado, y atarlo al token de error repintaría tus ofertas cada vez que cambiaras «Error». |
--fe-woo-price-now-size | var(--fe-woo-price-size, 1.25rem) | El tamaño del precio rebajado. Sigue al precio normal salvo que digas otra cosa: es el que se cobra, así que tiene que parecer un precio. |
--fe-woo-price-now-weight | var(--fe-woo-price-weight, 600) | Y su grosor, que sigue al mismo. |