Skip to main content
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.
Discount code-blok med inputfelt og Apply-knap i cart-skuffen

Adfærd

  • 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.

Indstillinger

Placering og grænser

  • 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.

Tilpasset skabelon

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.

Design

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.