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

# Bouton de panier flottant

> Ajoutez une icône de panier flottante qui reste visible sur toute votre boutique en ligne et personnalisez son apparence.

<div id="overview">
  # Aperçu
</div>

Le Sticky Cart Button d'Upcart est une icône de panier flottante qui reste visible pendant que les clients font défiler la page, leur permettant d'accéder plus facilement à leur panier à tout moment. C'est particulièrement utile sur mobile, où atteindre le coin supérieur droit peut être difficile.

Le bouton affiche la quantité actuelle du panier et ouvre le tiroir de panier lorsqu'on clique dessus.

<div id="where-to-find-it">
  ## Où le trouver
</div>

Allez dans :\
**Upcart > Editor > Cart Editor > Sticky Cart**

Vous pouvez y activer le bouton et ajuster son style pour l'harmoniser avec votre boutique en ligne.

<div id="cart-icon">
  ## Icône du panier
</div>

Choisissez parmi trois styles d'icônes : un sac, une boîte ou un chariot de courses. Cette icône apparaîtra à l'intérieur du bouton flottant.

<div id="background-color">
  ## Couleur d'arrière-plan
</div>

Ce paramètre définit l'arrière-plan circulaire derrière l'icône. Vous pouvez choisir une couleur à l'aide d'un code hexadécimal ou du sélecteur de couleurs.

<div id="icon-color">
  ## Couleur de l'icône
</div>

Ce paramètre modifie la couleur du symbole de l'icône lui-même. Pour une meilleure visibilité, utilisez un contraste élevé par rapport à la couleur d'arrière-plan.

<div id="quantity-background-color">
  ## Couleur d'arrière-plan de la quantité
</div>

Personnalisez la couleur d'arrière-plan de la bulle de quantité du panier (le cercle qui affiche le nombre d'articles dans le panier).

<div id="quantity-text-color">
  ## Couleur du texte de la quantité
</div>

Ajustez la couleur du nombre à l'intérieur de la bulle de quantité. Cela permet d'assurer la lisibilité, en particulier avec des arrière-plans sombres ou clairs.

<div id="sticky-cart-position">
  ## Position du panier flottant
</div>

Choisissez où le bouton apparaît à l'écran. Les positions disponibles incluent :

* En bas à droite
* Au centre à droite
* En haut à droite
* En bas à gauche
* Au centre à gauche
* En haut à gauche

Cela vous donne la flexibilité d'éviter tout chevauchement avec d'autres éléments de votre boutique.

<div id="device-settings">
  ## Paramètres d'appareil
</div>

Contrôlez où le panier flottant apparaît. Les options incluent :

* Afficher sur tous les appareils
* Afficher uniquement sur ordinateur
* Afficher uniquement sur mobile

Cela vous permet d'adapter la visibilité en fonction de la mise en page de votre boutique et des préférences de vos clients.