Skip to main content
Der Discount code-Block ist ein Eingabefeld, in dem Käufer einen Promo-Code im Warenkorb eingeben und anwenden können, sodass sie den Rabatt sehen, bevor sie sich für den Checkout entscheiden.
Discount code-Block mit Eingabefeld und Apply-Button im Cart-Drawer

​
Verhalten

  • Beim Anwenden wird der Code getrimmt, in Großbuchstaben umgewandelt und an Shopify übermittelt. Da Shopify die Anfrage unabhängig davon akzeptiert, ob der Code gültig ist, prüft der Block anschließend den Warenkorb erneut, um zu bestätigen, dass der Code tatsächlich angewendet wurde.
    • Gültig → das Feld wird geleert und der Rabatt angewendet.
    • Ungültig → der Block zeigt „Invalid discount code.“
  • Wie sich ein Code mit anderen Rabatten kombiniert (automatische Rabatte, andere Codes), wird vollständig von Shopify gehandhabt — der Block wendet den Code lediglich an.
  • Angewendete Codes werden im Summary-Block angezeigt, nicht hier.

​
Einstellungen

​
Platzierung und Limits

  • Region: Body oder unten.
  • Maximum: 1 pro Warenkorb-Zustand — der gefüllte und der leere Warenkorb erhalten jeweils ihr eigenes Kontingent.
  • Zustand: sowohl gefüllt als auch leer.
  • Nicht standardmäßig hinzugefügt. Nicht gesperrt — du kannst ihn entfernen oder ausblenden.

​
Benutzerdefiniertes Template

Unterstützt ein benutzerdefiniertes Template über seinen Code-Tab, das das integrierte Markup dieses Blocks durch dein JSX ersetzt. Das sind die Props, die er erhält.
Verdrahte sowohl setDiscountCodeInput als auch handleSubmit. Ohne das Erste kann nicht ins Feld getippt werden; ohne das Zweite wird nie ein Code angewendet.

​
Design

Style diesen Block über seinen Design-Abschnitt im Einstellungs-Panel. Das sind blockspezifische Overrides, die über deinem globalen Design liegen und darauf zurückfallen, wenn sie leer sind. Was sind Design-Einstellungen? Erfahre mehr hier: Design-Einstellungen.