> ## Documentation Index
> Fetch the complete documentation index at: https://docs.aftersell.com/llms.txt
> Use this file to discover all available pages before exploring further.
# Blok pustego koszyka
> Blok Empty cart — treść wyświetlana, gdy klient nie ma żadnych produktów w koszyku.
> 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.
## Działanie
* 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.
## Ustawienia
| Ustawienie | Co kontroluje | Domyślnie |
| -------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------- |
| **Empty cart text** | Komunikat stanu pustego. Tekst sformatowany. | `Your cart is empty.` |
| **Button text** | Etykieta przycisku. Obsługuje wbudowane formatowanie HTML. | `Continue shopping` |
| **Button link** | Dokąd prowadzi przycisk. | `/collections/all` |
| **Background color** | Kolor tła bloku. Puste pole pozostawia tło przezroczyste, więc prześwituje własne tło koszyka. | `transparent` |
| **Alignment** | Sposób wyrównania tekstu i przycisku bloku — **Left** lub **Center**. | Center |
| **Fit to height** | Czy blok wypełnia pozostałą wysokość korpusu koszyka i wyśrodkowuje się w pionie, czy zajmuje wysokość treści — **Fill remaining height** lub **Fit content**. | Fill remaining height |
## Umiejscowienie i limity
* **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?](/pl/aftersell/cart/how-carts-work).
* Dodawany do nowych koszyków domyślnie. Nie jest zablokowany — możesz go usunąć lub ukryć.
## Szablon niestandardowy
Obsługuje [szablon niestandardowy](/pl/aftersell/cart/custom-templates) z zakładki Code, który zastępuje wbudowany kod tego bloku Twoim JSX. Oto propsy, które otrzymuje.
| Prop | Typ | Do czego służy |
| --------- | -------- | ----------------------------------------------------------------------------------------------------- |
| `text` | `string` | Komunikat pustego koszyka jako oczyszczony (sanitized) HTML. |
| `cta` | `string` | Etykieta przycisku wezwania do działania, jako zwykły tekst. |
| `ctaHtml` | `string` | Etykieta przycisku wezwania do działania jako oczyszczony HTML — to, co renderują domyślne znaczniki. |
| `href` | `string` | Dokąd prowadzi wezwanie do działania. |
Ten blok renderuje się tylko wtedy, gdy koszyk jest pusty, więc w propsach nie ma obiektu koszyka. Renderuj `href` jako prawdziwy element ``, a nie nawigację skryptową, a `text` za pomocą `dangerouslySetInnerHTML`, ponieważ jest to już oczyszczony HTML.
## 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.
**Message** — tekst komunikatu stanu pustego. Pogrubienie i kolor tekstu ustawia się w edytorze Rich Text powyżej (w zakładce Settings), a nie tutaj.
| Ustawienie | Co kontroluje | Domyślnie |
| ------------------ | ---------------------------- | ------------------- |
| **Font** | Rodzina czcionek komunikatu. | Dziedziczy z motywu |
| **Size** | Rozmiar czcionki. | `18px` |
| **Line height** | Mnożnik wysokości linii. | `1.3` |
| **Letter spacing** | Odstępy między znakami. | Normal |
**Button label** — tekst na przycisku kontynuowania zakupów. Kolor tekstu ustawia się w sekcji Button w Design.
| Ustawienie | Co kontroluje | Domyślnie |
| ------------------ | ------------------------------------------------------------- | -------------- |
| **Size** | Rozmiar czcionki. | `15px` |
| **Weight** | Grubość czcionki — Light, Regular, Medium, Semibold lub Bold. | Semibold (600) |
| **Line height** | Mnożnik wysokości linii. | `1.47` |
| **Letter spacing** | Odstępy między znakami. | Normal |
### Przycisk
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.
| Ustawienie | Stan | Co kontroluje |
| -------------------- | ------- | --------------------------------------------------------------------------------------------- |
| **Background color** | Default | Wypełnienie przycisku w stanie spoczynku. Wraca do globalnego koloru tła przycisku. |
| **Text color** | Default | Kolor etykiety przycisku w stanie spoczynku. Wraca do globalnego koloru tekstu przycisku. |
| **Background color** | Hover | Wypełnienie przycisku, gdy klient najedzie na niego kursorem. Wraca do domyślnego koloru tła. |
| **Text color** | Hover | Kolor etykiety przycisku po najechaniu kursorem. Wraca do domyślnego koloru tekstu. |
| **Border color** | — | Kolor obramowania przycisku (oba stany). Wraca do globalnego koloru obramowania przycisku. |
| **Border radius** | — | Zaokrąglenie narożników przycisku. Wraca do globalnego promienia obramowania przycisku. |
Czym są ustawienia wyglądu? Dowiedz się więcej tutaj: [Ustawienia wyglądu](/pl/aftersell/cart/design-settings).