Panier WooCommerce

Affichez une icône de panier avec un badge indiquant en temps réel le nombre d’articles, directement dans votre barre de navigation. Le badge se met à jour instantanément lorsque les clients ajoutent ou retirent des produits — sans rechargement de la page.

Icône du panier WooCommerce MenuX avec un badge de comptage et un mini-panier déroulant ouvert

Prérequis

ℹ️

WooCommerce doit être installé et activé pour que l’icône du panier s’affiche. Si WooCommerce n’est pas actif, l’option de l’icône du panier est masquée dans le panneau de réglages et l’icône n’apparaît pas sur le site.

Activer l’icône du panier

  1. Assurez-vous que WooCommerce est actif sur votre site.
  2. Ouvrez Menu Builder → WooCommerce.
  3. Activez l’option Afficher l’icône du panier dans le menu.
  4. Enregistrez les réglages.

Par défaut, l’icône du panier apparaît à l’extrémité droite de la barre de navigation.

Position de l’icône

Vous pouvez modifier l’emplacement de l’icône du panier dans la barre de menu :

Définissez la position dans Menu Builder → WooCommerce.

Mettre en forme l’icône du panier

OptionDescription
Style d’icôneChoisissez entre une icône de chariot, de sac ou de panier.
Couleur de l’icôneHérite par défaut de la couleur des éléments de menu. Définissez une couleur personnalisée si nécessaire.
Afficher le badge de comptageActivez cette option pour afficher la pastille du nombre d’articles sur l’icône.
Afficher le totalActivez cette option pour afficher le montant total du panier à côté de l’icône.
Arrière-plan du badgeCouleur de la pastille ronde de comptage.
Masquer quand le panier est videActivez cette option pour masquer entièrement l’icône lorsque le panier est vide.

Mini-panier déroulant

Affichez un petit panneau récapitulatif des produits lorsque l’utilisateur interagit avec l’icône du panier — sans quitter la page en cours.

  1. Ouvrez Menu Builder → WooCommerce.
  2. Dans le réglage Mini-panier, choisissez survol (s’ouvre au passage de la souris), clic (s’ouvre au clic) ou désactivé.
💡

Le nombre d’articles du panier se met à jour en temps réel grâce au système natif de fragments de WooCommerce (AJAX). L’extension n’ajoute aucun appel AJAX personnalisé. L’icône se contente de lire la session WooCommerce existante du visiteur sur votre propre serveur — elle n’ajoute aucun traçage, ne dépose aucun nouveau cookie et n’effectue aucun appel vers des tiers.