O bloco Discount code é um campo onde os compradores podem inserir e aplicar um código promocional no carrinho, para que vejam o desconto refletido antes de irem para o checkout.
- Ao aplicar, o código é limpo de espaços, convertido em maiúsculas e enviado à Shopify. Como a Shopify aceita a solicitação independentemente de o código ser válido, o bloco então verifica novamente o carrinho para confirmar que o código foi realmente aplicado.
- Válido → o campo é limpo e o desconto é aplicado.
- Inválido → o bloco exibe “Invalid discount code.”
- Como um código se acumula com outros descontos (descontos automáticos, outros códigos) é tratado inteiramente pela Shopify — o bloco apenas aplica o código.
- Os códigos aplicados são exibidos no bloco Summary, não aqui.
- Região: corpo ou parte inferior.
- Máximo: 1 por estado do carrinho — o carrinho cheio e o carrinho vazio têm, cada um, sua própria cota.
- Estado: tanto cheio quanto vazio.
- Não é adicionado por padrão. Não é bloqueado — você pode removê-lo ou ocultá-lo.
Suporta um template personalizado pela sua aba Code, que substitui a marcação nativa deste bloco pelo seu JSX. Estas são as props que ele recebe.
Conecte tanto setDiscountCodeInput quanto handleSubmit. Sem o primeiro, não é possível digitar no campo; sem o segundo, um código nunca é aplicado.
