Blok Discount code to pole, w którym kupujący mogą wpisać i zastosować kod promocyjny w koszyku, dzięki czemu widzą rabat jeszcze przed przejściem do checkoutu.
- Po zastosowaniu kod jest przycinany, zamieniany na wielkie litery i wysyłany do Shopify. Ponieważ Shopify akceptuje żądanie niezależnie od tego, czy kod jest prawidłowy, blok następnie ponownie sprawdza koszyk, aby potwierdzić, że kod faktycznie się zastosował.
- Prawidłowy → pole się czyści, a rabat zostaje zastosowany.
- Nieprawidłowy → blok pokazuje „Invalid discount code.”
- To, jak kod łączy się z innymi rabatami (rabaty automatyczne, inne kody), obsługuje w całości Shopify — blok jedynie stosuje kod.
- Zastosowane kody są pokazywane w bloku Summary, nie tutaj.
- Region: treść lub dół.
- Maksimum: 1 na stan koszyka — wypełniony koszyk i pusty koszyk mają osobne limity.
- Stan: zarówno wypełniony, jak i pusty.
- Nie jest dodawany domyślnie. Nie jest zablokowany — możesz go usunąć lub ukryć.
Obsługuje szablon niestandardowy z karty Code, który zastępuje wbudowaną strukturę tego bloku twoim JSX. Oto propsy, które otrzymuje.
Podłącz zarówno setDiscountCodeInput, jak i handleSubmit. Bez pierwszego nie da się pisać w polu; bez drugiego kod nigdy nie zostanie zastosowany.
