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

# Przyklejony przycisk koszyka

> Dodaj pływającą ikonę koszyka, która pozostaje widoczna w całym sklepie, i dostosuj jej wygląd.

<div id="overview">
  # Przegląd
</div>

Sticky Cart Button w Upcart to pływająca ikona koszyka, która pozostaje widoczna podczas przewijania, ułatwiając klientom dostęp do koszyka w każdej chwili. Jest szczególnie przydatna na urządzeniach mobilnych, gdzie sięgnięcie do prawego górnego rogu może być trudne.

Przycisk wyświetla aktualną liczbę produktów w koszyku i po kliknięciu otwiera koszyk wysuwany.

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

**Sticky cart** to osobna strona w lewej nawigacji Upcart — nie jest to karta w edytorze koszyka.

Tutaj możesz aktywować przycisk i dostosować jego styl do wyglądu Twojego sklepu.

<div id="cart-icon">
  ## Ikona koszyka
</div>

Wybierz spośród trzech stylów ikony: torba, pudełko lub wózek sklepowy. Ta ikona pojawi się wewnątrz pływającego przycisku.

<div id="background-color">
  ## Kolor tła
</div>

To ustawienie określa okrągłe tło za ikoną. Możesz wybrać kolor za pomocą kodu hex lub próbnika kolorów.

<div id="icon-color">
  ## Kolor ikony
</div>

Zmienia kolor samego symbolu ikony. Dla najlepszej widoczności użyj wysokiego kontrastu względem koloru tła.

<div id="quantity-background-color">
  ## Kolor tła liczby produktów
</div>

Dostosuj kolor tła dymka z liczbą produktów (kółka pokazującego liczbę produktów w koszyku).

<div id="quantity-text-color">
  ## Kolor tekstu liczby produktów
</div>

Dostosuj kolor liczby wewnątrz dymka. Pomaga to zapewnić czytelność, zwłaszcza na ciemnym lub jasnym tle.

<div id="sticky-cart-position">
  ## Pozycja przyklejonego koszyka
</div>

Wybierz, gdzie przycisk pojawia się na ekranie. Dostępne pozycje to:

* Prawy dolny róg
* Prawy środek
* Prawy górny róg
* Lewy dolny róg
* Lewy środek
* Lewy górny róg

Daje Ci to elastyczność, aby uniknąć nakładania się na inne elementy sklepu.

<div id="device-settings">
  ## Ustawienia urządzeń
</div>

Kontroluj, gdzie pojawia się przyklejony koszyk. Opcje obejmują:

* Pokazuj na wszystkich urządzeniach
* Pokazuj tylko na komputerach
* Pokazuj tylko na urządzeniach mobilnych

Pozwala to dopasować widoczność do układu Twojego sklepu i preferencji klientów.