Blok pustego koszyka

Blok Empty cart to treść wyświetlana, gdy koszyk nie zawiera żadnych produktów — zazwyczaj komunikat i przycisk kontynuowania zakupów — dzięki czemu pusty cart drawer nadal jest użyteczny i zgodny z Twoją marką. Pojawia się wyłącznie w stanie pustym koszyka; inne bloki (np. Header) mogą znajdować się obok niego w tym samym stanie.

• Blok pojawia się tylko wtedy, gdy koszyk jest pusty. Gdy tylko klient doda produkt, koszyk przełącza się w stan wypełniony, a ten blok zostaje zastąpiony układem wypełnionego koszyka.
• W edytorze link CTA jest nieaktywny, więc kliknięcie go nie przenosi Cię na inną stronę podczas projektowania.

• Region: korpus (body).
• Maksymalnie: 1 na stan koszyka.
• Stan: tylko pusty koszyk. Ten blok nie pojawia się w stanie wypełnionym. Nowe koszyki domyślnie zawierają też Header w stanie pustym; zobacz Jak działają koszyki?.
• Dodawany do nowych koszyków domyślnie. Nie jest zablokowany — możesz go usunąć lub ukryć.

Obsługuje szablon niestandardowy z zakładki Code, który zastępuje wbudowany kod tego bloku Twoim JSX. Oto propsy, które otrzymuje. 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. Sekcja Text w Design pozwala kontrolować typografię dwóch elementów. Użyj selektora Text element, aby przełączać się między nimi. Message — tekst komunikatu stanu pustego. Pogrubienie i kolor tekstu ustawia się w edytorze Rich Text powyżej (w zakładce Settings), a nie tutaj. Button label — tekst na przycisku kontynuowania zakupów. Kolor tekstu ustawia się w sekcji Button w Design. Sekcja Button pozwala stylizować przycisk CTA niezależnie od globalnego wyglądu przycisków. Użyj przełącznika Default / Hover, aby przełączać się między dwoma stanami. Czym są ustawienia wyglądu? Dowiedz się więcej tutaj: Ustawienia wyglądu.