> ## 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.

# Podgląd koszyków

> Podejrzyj swój koszyk Aftersell Cart przed publikacją — na kanwie edytora i na aktywnym motywie sklepu.

Koszyk możesz podejrzeć na dwa sposoby: na żywo w edytorze podczas budowania oraz na motywie sklepu, zanim stanie się publiczny.

<div id="the-editor-canvas">
  ## Kanwa edytora
</div>

Środek edytora koszyka to podgląd na żywo, który renderuje prawdziwy koszyk. Pokazuje **oba stany koszyka obok siebie** — kartę **Filled cart** i kartę **Empty cart** — dzięki czemu widzisz oba podczas pracy.

* **Wybierz stan, który edytujesz**, przełącznikiem **Filled / Empty** na pasku bocznym lub klikając **tytuł nad** kartą. Kliknięcie *wewnątrz* karty nie przełącza stanu — zaznacza blok pod kursorem. Aktywna karta jest obramowana, a edytowany blok ma własne podświetlenie.
* **Powiększaj** za pomocą pigułki zoomu na samej kanwie (25%–200%): `+` i `−` zmieniają skok o 10%, a kliknięcie wartości procentowej resetuje do 75%. Ctrl/Cmd + scroll powiększa wokół kursora, zwykłe przewijanie i przeciąganie przesuwają widok.
* Podgląd odzwierciedla Twoje [ustawienia wyglądu](/pl/aftersell/cart/design-settings) i [niestandardowy CSS](/pl/aftersell/cart/custom-css) na żywo, gdy je zmieniasz.

<div id="preview-on-your-storefront">
  ## Podgląd w sklepie
</div>

Użyj **Preview** na koszyku, aby zobaczyć go na prawdziwym motywie w nowej karcie, bez upubliczniania:

* **Aktywne koszyki** otwierają Twój sklep bezpośrednio — aktywny koszyk to już to, co widzą klienci.
* **Wersje robocze** otwierają **podgląd motywu**. Wybierasz motyw do podglądu (domyślnie Twój główny motyw), a Aftersell tymczasowo umieszcza roboczy koszyk na tym motywie tylko na czas Twojej sesji podglądu, bez dotykania aktywnego koszyka. App embed musi być włączony na wybranym motywie.

<Note>
  Podglądy wersji roboczych mogą nie w pełni odzwierciedlać działanie aktywnego koszyka — traktuj je jako bliskie przybliżenie i wykonaj ostateczną kontrolę po publikacji.
</Note>

Zapisz zmiany przed podglądem — edytor poprosi Cię o zapisanie, aby podgląd odzwierciedlał Twoją najnowszą pracę.

<div id="empty-vs-filled-states">
  ## Stan pusty a wypełniony
</div>

Oba stany są zawsze dostępne na kanwie edytora (dwie karty), więc możesz projektować i sprawdzać pusty i wypełniony koszyk niezależnie. W sklepie klienci widzą stan odpowiadający ich koszykowi.

<div id="sample-data-scenarios">
  ## Scenariusze przykładowych danych
</div>

Panel ustawień [bloku Cart items](/pl/aftersell/cart/cart-items-block) ma sekcję **Preview** z wyborem **Sample data**, pozwalającą przełączać podgląd edytora między scenariuszami pozycji koszyka, aby sprawdzić, jak każdy z nich wygląda, bez budowania odpowiadającego mu koszyka:

| Scenariusz            | Co pokazuje                                                                       |
| --------------------- | --------------------------------------------------------------------------------- |
| **Standard product**  | Pojedynczy produkt z zastosowanym rabatem.                                        |
| **Long product name** | Produkt z bardzo długim tytułem, do sprawdzania zawijania i przepełnienia tekstu. |
| **Bundle**            | Pozycja główna zestawu (bundle) z pozycjami podrzędnymi.                          |
| **Subscription**      | Pozycja subskrypcyjna z etykietą planu sprzedaży.                                 |
| **All item types**    | Długa nazwa produktu, pozycje subskrypcyjne i zestawy razem w jednym koszyku.     |

Twój wybór wpływa tylko na podgląd w edytorze. Nigdy nie jest zapisywany w koszyku i resetuje się po przeładowaniu edytora.