折扣码区块

Discount code 区块是一个输入框，购物者可以在购物车中输入并应用促销码，从而在决定结账之前就能看到折扣生效。

行为

应用时，折扣码会被去除首尾空格、转为大写并提交给 Shopify。由于无论折扣码是否有效 Shopify 都会接受请求，区块随后会重新检查购物车，确认折扣码确实已生效。
- 有效 → 输入框清空，折扣生效。
- 无效 → 区块显示 “Invalid discount code.”
折扣码如何与其他折扣（自动折扣、其他折扣码）叠加完全由 Shopify 处理——区块只是应用折扣码。
已应用的折扣码显示在 Summary 区块中，而不是这里。

设置	控制内容	默认值
Placeholder	输入框的占位文本。可翻译。	`Discount code`
Button text	应用按钮的文字。可翻译。	`Apply`

支持从其 Code 标签页使用自定义模板，用你的 JSX 替换此区块的内置标记。以下是它接收的 props。

Prop	类型	用途
`discountCodeInput`	`string`	输入框的当前值。
`placeholder`	`string`	空输入框中显示的占位文本。
`buttonText`	`string`	应用按钮的文字。
`isValidating`	`boolean`	提交的折扣码正在检查时为 `true`。据此禁用你的提交控件。
`isInvalid`	`boolean`	上次提交的折扣码被拒绝时为 `true`。
`setDiscountCodeInput`	`(value: string) => void`	更新输入框的值。
`handleSubmit`	`(event: Event) => void`	提交当前折扣码。
`isLoading`	`boolean`	购物车仍在进行首次获取时为 `true`。

setDiscountCodeInput 和 handleSubmit 都要接线。缺少前者，输入框无法输入；缺少后者，折扣码永远不会被应用。

使用设置面板中的 Design 部分为此区块设置样式。这些是按区块的覆盖，叠加在你的全局设计之上，留空时回退到全局设计。什么是设计设置？在这里了解更多：设计设置。