Il blocco Discount code è un campo dove gli acquirenti possono inserire e applicare un codice promozionale nel carrello, così vedono lo sconto riflesso prima di procedere al checkout.
- All’applicazione, il codice viene ripulito dagli spazi, convertito in maiuscolo e inviato a Shopify. Poiché Shopify accetta la richiesta sia che il codice sia valido o no, il blocco ricontrolla poi il carrello per confermare che il codice sia stato effettivamente applicato.
- Valido → il campo si svuota e lo sconto viene applicato.
- Non valido → il blocco mostra “Invalid discount code.”
- Come un codice si combina con altri sconti (sconti automatici, altri codici) è gestito interamente da Shopify — il blocco si limita ad applicare il codice.
- I codici applicati vengono mostrati nel blocco Summary, non qui.
- Regione: corpo o inferiore.
- Massimo: 1 per stato del carrello — il carrello pieno e il carrello vuoto hanno ciascuno il proprio limite.
- Stato: sia pieno sia vuoto.
- Non è aggiunto per impostazione predefinita. Non è bloccato — puoi rimuoverlo o nasconderlo.
Supporta un template personalizzato dalla sua scheda Code, che sostituisce il markup integrato di questo blocco con il tuo JSX. Queste sono le prop che riceve.
Collega sia setDiscountCodeInput sia handleSubmit. Senza il primo, non si può scrivere nel campo; senza il secondo, il codice non viene mai applicato.
