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

> Voeg een zwevend winkelwagenpictogram toe dat zichtbaar blijft in je hele webshop en pas het uiterlijk ervan aan.

<div id="overview">
  # Overzicht
</div>

De Sticky Cart Button van Upcart is een zwevend winkelwagenpictogram dat zichtbaar blijft terwijl klanten scrollen, zodat ze op elk moment gemakkelijk bij hun winkelwagen kunnen. Dit is vooral handig op mobiel, waar de rechterbovenhoek soms lastig te bereiken is.

De knop toont het huidige aantal artikelen in de winkelwagen en opent de cart drawer wanneer erop wordt geklikt.

<div id="where-to-find-it">
  ## Waar je het vindt
</div>

**Sticky cart** is een eigen pagina in de linkernavigatie van Upcart — het is geen tabblad binnen de cart editor.

Hier kun je de knop activeren en de styling aanpassen aan je webshop.

<div id="cart-icon">
  ## Winkelwagenpictogram
</div>

Kies uit drie pictogramstijlen: een tas, een doos of een winkelwagentje. Dit pictogram verschijnt in de zwevende knop.

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

Hiermee stel je de ronde achtergrond achter het pictogram in. Je kunt een kleur kiezen met een hexcode of kleurkiezer.

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

Hiermee verander je de kleur van het pictogramsymbool zelf. Gebruik voor de beste zichtbaarheid een hoog contrast met de achtergrondkleur.

<div id="quantity-background-color">
  ## Achtergrondkleur van het aantal
</div>

Pas de achtergrondkleur van de aantalbubbel van de winkelwagen aan (de cirkel die het aantal artikelen in de winkelwagen toont).

<div id="quantity-text-color">
  ## Tekstkleur van het aantal
</div>

Pas de kleur van het getal in de aantalbubbel aan. Dit zorgt voor een goede leesbaarheid, vooral bij donkere of lichte achtergronden.

<div id="sticky-cart-position">
  ## Positie van de sticky cart
</div>

Kies waar de knop op het scherm verschijnt. Beschikbare posities zijn onder andere:

* Rechtsonder
* Rechts in het midden
* Rechtsboven
* Linksonder
* Links in het midden
* Linksboven

Dit geeft je de flexibiliteit om overlap met andere elementen in je winkel te vermijden.

<div id="device-settings">
  ## Apparaatinstellingen
</div>

Bepaal waar de sticky cart verschijnt. De opties zijn:

* Tonen op alle apparaten
* Alleen tonen op desktop
* Alleen tonen op mobiel

Zo kun je de zichtbaarheid afstemmen op de indeling van je winkel en de voorkeuren van je klanten.