Aller au contenu

Récapitulatif de commande

Le 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
Ouvrir dans un nouvel onglet

Description

Retirer un article remet le focus sur l'article suivant et l'annonce aux lecteurs d'écran ; un code promo invalide est signalé sur le champ lui-même. Les montants sont calculés en centimes, et sans JavaScript le récapitulatif reste lisible avec ses totaux.

Code

Chargement du code…

Contenu de l'archive

recapitulatif-commande-html-tailwind.zip3 fichiers · 6 Ko

  • index.html12 Ko
  • README.md2 Ko
  • LICENSE.md1 Ko

Mots-clés

Mis à jour le 13 octobre 2026.

Dans le même esprit

  • Une 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
    Composant
  • Des cartes radio pour choisir le mode de livraison, avec délai et prix de chaque option, et un total de commande mis à jour aussitôt.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant
  • Une affiche de vidéo dessinée en CSS avec bouton de lecture, la citation forte du témoignage, son auteur, et la transcription horodatée dans un volet dépliable.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant
  • Un tableau de données dont chaque colonne se trie d'un clic, par ordre croissant ou décroissant, sans bibliothèque.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant