Panier avec quantités
La page panier complète : quantités modifiables au clavier, retrait annulable, code promo, jauge de livraison offerte et totaux recalculés puis annoncés.
- Tailwind
- React
- CSS
- WordPress
Description
Chaque article a un sélecteur de quantité borné par le stock (boutons et saisie directe). Retirer un article laisse à sa place un bouton « Annuler » qui reçoit le focus. Une zone de statut annonce chaque changement avec le nouveau total, et la barre de livraison offerte est une progressbar nommée. Sans JavaScript, le panier reste lisible avec ses quantités et ses totaux. Accessibilité : tout se fait au clavier, cibles de 44 px, contrastes AA en clair et en sombre, animation de la jauge coupée avec prefers-reduced-motion.
Code
Chargement du code…
Contenu de l'archive
panier-quantites-html-tailwind.zip3 fichiers · 8 Ko
- index.html28 Ko
- README.md3 Ko
- LICENSE.md1 Ko
Mots-clés
Mis à jour le 16 octobre 2026.
Dans le même esprit
Un panneau de filtres à facettes pour un catalogue : catégorie, prix, taille, couleur et stock, avec compteur de résultats, puces des filtres actifs, tri et tiroir sur mobile.
- Tailwind
- React
- CSS
- WordPress
Carte cadeau personnalisée
GratuitUn formulaire de carte cadeau : montant prédéfini ou libre, motif, destinataire, message et date d'envoi, avec un aperçu de la carte mis à jour en direct.
- Tailwind
- React
- CSS
- WordPress
Récapitulatif de commande
GratuitLe résumé du panier avant paiement : articles avec vignette et quantité, jauge de livraison offerte, code promo et total recalculé à chaque changement.
- Tailwind
- React
- CSS
- WordPress
Fiche produit
GratuitUne fiche produit complète : vues du produit, couleurs et contenances en boutons radio, sélecteur de quantité et ajout au panier annoncé.
- Tailwind
- React
- CSS
- WordPress