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

# Sticky-Cart-Button

> Füge ein schwebendes Warenkorb-Symbol hinzu, das überall in deinem Storefront sichtbar bleibt, und passe sein Aussehen an.

<div id="overview">
  # Übersicht
</div>

Der Sticky-Cart-Button von Upcart ist ein schwebendes Warenkorb-Symbol, das beim Scrollen sichtbar bleibt und es Kundinnen und Kunden erleichtert, jederzeit auf ihren Warenkorb zuzugreifen. Er ist besonders auf Mobilgeräten nützlich, wo die obere rechte Ecke schwer zu erreichen sein kann.

Der Button zeigt die aktuelle Warenkorbmenge an und öffnet beim Anklicken den Cart Drawer.

<div id="where-to-find-it">
  ## Wo du ihn findest
</div>

**Sticky cart** ist eine eigene Seite in der linken Navigation von Upcart — kein Tab innerhalb des Cart Editors.

Hier kannst du den Button aktivieren und sein Styling an deinen Storefront anpassen.

<div id="cart-icon">
  ## Warenkorb-Symbol
</div>

Wähle aus drei Symbol-Stilen: eine Tasche, eine Box oder ein Einkaufswagen. Dieses Symbol erscheint innerhalb des schwebenden Buttons.

<div id="background-color">
  ## Hintergrundfarbe
</div>

Diese Einstellung legt den kreisförmigen Hintergrund hinter dem Symbol fest. Du kannst eine Farbe per Hex-Code oder Farbwähler auswählen.

<div id="icon-color">
  ## Symbolfarbe
</div>

Diese Einstellung ändert die Farbe des Symbols selbst. Für die beste Sichtbarkeit solltest du einen hohen Kontrast zur Hintergrundfarbe wählen.

<div id="quantity-background-color">
  ## Hintergrundfarbe der Menge
</div>

Passe die Hintergrundfarbe der Mengen-Bubble an (der Kreis, der die Anzahl der Artikel im Warenkorb anzeigt).

<div id="quantity-text-color">
  ## Textfarbe der Menge
</div>

Passe die Farbe der Zahl innerhalb der Mengen-Bubble an. Das sorgt für gute Lesbarkeit, besonders bei dunklen oder hellen Hintergründen.

<div id="sticky-cart-position">
  ## Sticky-Cart-Position
</div>

Wähle, wo der Button auf dem Bildschirm erscheint. Verfügbare Positionen sind:

* Unten rechts
* Mitte rechts
* Oben rechts
* Unten links
* Mitte links
* Oben links

So hast du die Flexibilität, Überlappungen mit anderen Elementen in deinem Shop zu vermeiden.

<div id="device-settings">
  ## Geräteeinstellungen
</div>

Steuere, wo der Sticky Cart angezeigt wird. Die Optionen umfassen:

* Auf allen Geräten anzeigen
* Nur auf Desktop anzeigen
* Nur auf Mobilgeräten anzeigen

So kannst du die Sichtbarkeit an das Layout deines Shops und die Vorlieben deiner Kundschaft anpassen.