Checkout Form
Una pieza de Checkout, para dos columnas tuyas: coloca Checkout Form y Checkout summary una al lado de la otra. Lee las mismas variables que Checkout.
Props
| Prop | Tipo | Por defecto | Qué hace |
|---|---|---|---|
| Screen to preview | elección: form, receipt, failed | form | Este bloque son dos pantallas: WooCommerce pinta el checkout antes de pagar y el recibo de «gracias» después, en la misma página. El lienzo nunca tiene un pedido pagado, así que así se mira el recibo mientras lo estilas. No cambia nada en el sitio. |
| Colors → Card background | texto | var(--fe-woo-surface, #ffffff) | |
| Colors → Borders | texto | var(--fe-woo-border, #e8ebef) | |
| Colors → Place order button | texto | var(--fe-woo-accent, #111d2e) | |
| Colors → Button text | texto | var(--fe-woo-accent-color, #ffffff) | |
| Colors → Buttons on hover | texto | var(--fe-woo-accent-hover, color-mix(in srgb, var(--fe-woo-checkout-accent, #111d2e) 85%, var(--fe-woo-checkout-accent-color, #ffffff))) | |
| Colors → Button text on hover | texto | var(--fe-woo-accent-color-hover, var(--fe-woo-checkout-accent-color, #ffffff)) |