Skip to main content
Blok Notes to zwijane pole, w którym klienci mogą dodawać notatki do zamówienia lub specjalne instrukcje (wiadomości do prezentu, instrukcje dostawy itd.) bez opuszczania koszyka. Notatka jest zapisywana w koszyku i przenoszona do zamówienia.
Blok Notes pokazujący zwijane pole notatek do zamówienia, w którym klienci mogą dodawać specjalne instrukcje

Działanie

  • Pole jest zwijanym elementem (disclosure), domyślnie zwiniętym. Zwinięcie jest tylko wizualne — zapisana notatka nadal obowiązuje. Gdy pole jest zwinięte, a notatka zapisana, wyświetla się znacznik wyboru, aby klient wiedział, że jego notatka jest zachowana.
  • Notatka zapisuje się, gdy klient kliknie poza pole (on blur), z informacją o statusie: zapisywanie / zapisano / błąd.
  • Jeśli notatka koszyka zmieni się gdzie indziej — na stronie /cart lub w innej karcie — pole synchronizuje się z nią, chyba że klient już zaczął pisać, dzięki czemu jego notatka w trakcie pisania nigdy nie jest nadpisywana.

Ustawienia

Umiejscowienie i limity

  • Region: korpus (body) lub dół (bottom).
  • Maksymalnie: 1 na stan koszyka.
  • Stan: tylko wypełniony koszyk.
  • Nie jest dodawany domyślnie. Nie jest zablokowany — możesz go usunąć lub ukryć.

Szablon niestandardowy

Obsługuje szablon niestandardowy z zakładki Code, który zastępuje wbudowany kod tego bloku Twoim JSX. Oto propsy, które otrzymuje.
Notatka zapisuje się w onNoteBlur, a nie przy każdym naciśnięciu klawisza. Podepnij zarówno onNoteChange, jak i onNoteBlur, w przeciwnym razie notatki po cichu nigdy się nie zapiszą. Trzymaj tekst statusu w live region, aby czytniki ekranu ogłaszały zapisywanie i zapisano.

Wygląd

Stylizuj ten blok za pomocą jego sekcji Design w panelu ustawień. Są to nadpisania na poziomie bloku, które nakładają się na Twój globalny design i wracają do niego, gdy pole jest puste.

Text

Sekcja Text w Design pozwala kontrolować typografię dwóch elementów. Użyj selektora Text element, aby przełączać się między nimi. Title — nagłówek sekcji nad polem notatki. Pogrubienie ustawia się w edytorze Rich Text powyżej (w zakładce Settings). Kolor tekstu ustawia się w sekcji Toggle w Design. Note field — tekst wewnątrz pola textarea, w którym kupujący wpisują swoją notatkę. Czym są ustawienia wyglądu? Dowiedz się więcej tutaj: Ustawienia wyglądu.