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

# Ustawienia koszyka

> Ustawienia działania Aftersell Cart — kiedy otwiera się szuflada koszyka i selektory motywu utrzymujące synchronizację ze sklepem.

Poza [stylizacją](/pl/aftersell/cart/design-settings) koszyk ma kilka ustawień **działania**, które kontrolują jego interakcję ze sklepem — kiedy otwiera się szuflada i które elementy motywu Aftersell synchronizuje z koszykiem.

<div id="where-to-find-these">
  ## Gdzie je znaleźć
</div>

W edytorze koszyka otwórz **Cart settings**. Poniższe opcje są zgrupowane w sekcjach **Behavior** i **Custom selector**.

<div id="open-the-cart-when-an-item-is-added">
  ## Otwieranie koszyka po dodaniu produktu
</div>

**Open cart when an item is added** kontroluje, czy szuflada otwiera się automatycznie za każdym razem, gdy kupujący doda produkt. Domyślnie włączone. Wyłącz, jeśli wolisz, aby koszyk pozostał zamknięty, dopóki kupujący sam go nie otworzy.

<div id="theme-selectors">
  ## Selektory motywu
</div>

Aftersell integruje się z twoim sklepem poprzez selektory CSS — na przykład aby wiedzieć, który element otwiera koszyk lub który licznik przy ikonie koszyka synchronizować. Wbudowane wykrywanie obejmuje najpopularniejsze motywy Shopify (Dawn, Sense, Crave, Debut, Impulse, Horizon i wiele innych), więc **większość sklepów nigdy nie musi ich dotykać**. Zmieniaj selektor tylko wtedy, gdy coś nie łączy się prawidłowo w twoim motywie.

<div id="selector-modes">
  ### Tryby selektorów
</div>

Każdy selektor oferuje te same trzy tryby:

| Tryb                 | Co robi                                                                                                                                                             |
| -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Default**          | Używa wbudowanego wykrywania Aftersell dla obsługiwanych motywów.                                                                                                   |
| **Default + custom** | Zachowuje wbudowane wykrywanie i dodaje twój własny selektor — użyj, gdy domyślny działa w większości, ale pomija jakiś element (na przykład osobną ikonę mobilną). |
| **Custom only**      | Ignoruje wbudowane wykrywanie i używa tylko twojego selektora — użyj, gdy domyślny celuje w zły element lub koliduje z twoim motywem.                               |

Pole selektora jest aktywne tylko w trybach **Default + custom** i **Custom only**.

<div id="the-three-selectors">
  ### Trzy selektory
</div>

| Selektor                 | Co obejmuje                                                                                                        | Przykład                    |
| ------------------------ | ------------------------------------------------------------------------------------------------------------------ | --------------------------- |
| **Open cart selector**   | Element(y), które powinny otwierać szufladę koszyka.                                                               | `.header__cart-toggle`      |
| **Add to cart selector** | Przycisk(i) dodania do koszyka, do których Aftersell powinien się podpiąć.                                         | `.product-form__add-button` |
| **Cart count selector**  | Element na ikonie koszyka twojego motywu wyświetlający liczbę pozycji, aby pozostawał zsynchronizowany z szufladą. | `.header__cart-count span`  |

<div id="how-to-find-a-selector">
  ### Jak znaleźć selektor
</div>

1. Otwórz sklep w przeglądarce (zalecany Chrome).
2. Kliknij prawym przyciskiem element, który chcesz wskazać — ikonę koszyka, liczbę pozycji lub przycisk dodania do koszyka — i wybierz **Zbadaj**.
3. W otwartym panelu znajdź element, który go reprezentuje (licznik to często `span` wewnątrz ikony koszyka).
4. Zanotuj jego klasę (zaczyna się od `.`) lub ID (zaczyna się od `#`) — na przykład `.header__cart-count span` lub `#CartCount`.
5. Z powrotem w **Cart settings** ustaw selektor na **Default + custom** lub **Custom only** i wklej go.
6. Zapisz, a następnie przetestuj na desktopie i urządzeniu mobilnym.

<Tip>
  Zacznij od **Default** — działa z większością motywów bez konfiguracji. Sięgnij po **Default + custom**, gdy tylko jedna z kilku ikon się aktualizuje (np. desktop działa, a mobile nie), a po **Custom only**, gdy domyślny selektor celuje w zły element. Jeśli nie masz pewności, którego selektora użyć, deweloper twojego motywu może go wskazać — nie musisz pisać żadnego kodu, wystarczy kopiuj-wklej.
</Tip>