Ajouter un bouton panier flottant

Le bouton panier flottant est un bouton rond situé dans un coin inférieur de votre boutique. Il reste en place pendant que les clients font défiler la page, indique le nombre d'articles dans le panier et ouvre le tiroir de Bundlex Cart d'un simple toucher. Il est utile sur les longues pages produit, où l'en-tête et son icône de panier disparaissent lors du défilement.

L'activer

1. Modifiez le panier et ouvrez l'onglet Panier.
2. Sous Sur la page, activez Bouton panier flottant.
3. Choisissez un Coin : En bas à droite ou En bas à gauche.
4. Choisissez une Icône : Caddie, Sac de courses, Panier ou Sac à main.
5. Enregistrez.

Le bouton est désactivé tant que vous ne l'activez pas, donc rien ne change sur votre boutique avant que vous enregistriez.

Choisir où il s'affiche

• Afficher sur ordinateur et Afficher sur mobile définissent les appareils. L'aperçu affiche le bouton tant que l'une des deux options est activée.
• Afficher quand le panier est vide garde le bouton à l'écran sans aucun article. Si l'option est désactivée, le bouton ne s'affiche que lorsque le panier contient des articles.
• Laisser les clients le déplacer permet aux clients de déplacer le bouton. La position est conservée dans leur navigateur.

Ce que voient les clients

Le bouton porte un petit badge avec le nombre d'articles. Il s'estompe lorsque le tiroir est ouvert et réapparaît quand le tiroir se ferme. Lorsque la barre d'ajout au panier fixe de Bundlex Bundles est affichée, le bouton remonte pour ne pas la recouvrir.

Il utilise la couleur d'accent de votre tiroir tant que vous ne lui en choisissez pas une. Dans l'onglet Style, sous Couleurs, ouvrez la ligne Bouton panier flottant pour définir Bouton et Texte du bouton. Cette ligne ne s'affiche que lorsque le bouton est activé. Il n'y a pas de champ de taille. Pour tout le reste, utilisez CSS personnalisé.

Lecteurs d'écran et autres langues

Les lecteurs d'écran annoncent le bouton sous le nom « Ouvrir le panier ». Modifiez ce texte dans Avancé > Messages > Textes pour lecteurs d'écran, dans le champ Bouton panier flottant (lecteur d'écran). Pour les autres langues, ce texte se traduit sur la page Traductions du panier, dans la carte Bouton panier flottant, tant que le bouton est activé.