Cart Coupon
A piece of Cart, placed on its own to lay the page out yourself. If you use it, turn the same piece off on the whole component. It reads the same variables as Cart.
Props
| Prop | Type | Default | What it does |
|---|---|---|---|
| Label | text | Have a discount code? | |
| Placeholder | text | Coupon code | |
| Button label | text | Apply | |
| Colors → Button | text | var(--fe-woo-accent, #111d2e) | |
| Colors → Button text | text | var(--fe-woo-accent-color, #ffffff) | |
| Colors → Buttons on hover | text | var(--fe-woo-accent-hover, color-mix(in srgb, var(--fe-woo-cart-accent, #111d2e) 85%, var(--fe-woo-cart-accent-color, #ffffff))) | |
| Colors → Button text on hover | text | var(--fe-woo-accent-color-hover, var(--fe-woo-cart-accent-color, #ffffff)) |