Discount code-blokken er et inputfelt, hvor kunder kan indtaste og anvende en promokode i carten, så de ser rabatten afspejlet, før de går til checkout.
- Ved anvendelse trimmes koden, skrives med store bogstaver og sendes til Shopify. Fordi Shopify accepterer anmodningen, uanset om koden er gyldig eller ej, gentjekker blokken derefter carten for at bekræfte, at koden faktisk blev anvendt.
- Gyldig → feltet ryddes, og rabatten anvendes.
- Ugyldig → blokken viser “Invalid discount code.”
- Hvordan en kode stables med andre rabatter (automatiske rabatter, andre koder) håndteres udelukkende af Shopify — blokken anvender bare koden.
- Anvendte koder vises i Summary-blokken, ikke her.
- Region: brødtekst eller bund.
- Maksimum: 1 pr. cart-tilstand — den fyldte cart og den tomme cart har hver deres egen kvote.
- Tilstand: både fyldt og tom.
- Ikke tilføjet som standard. Ikke låst — du kan fjerne eller skjule den.
Understøtter en tilpasset skabelon fra sin Code-fane, som erstatter denne bloks indbyggede markup med din JSX. Dette er de props, den modtager.
Kobl både setDiscountCodeInput og handleSubmit. Uden den første kan der ikke skrives i feltet; uden den anden anvendes en kode aldrig.
Stil denne blok med dens Design-sektion i indstillingspanelet. Dette er tilsidesættelser pr. blok, der lægges oven på dit globale design og falder tilbage til det, når de er tomme.
Hvad er designindstillinger? Læs mere her: Designindstillinger.