Skip to content
Forge

Order summary

The cart summary before checkout: items with thumbnail and quantity, a free-shipping gauge, a promo code and a total recalculated on every change.

  • Tailwind
  • React
  • CSS
  • WordPress
Open in a new tab

Description

Removing an item moves focus to the next one and announces it to screen readers; an invalid promo code is flagged on the field itself. Amounts are computed in cents, and without JavaScript the summary stays readable with its totals.

Code

Loading the code…

Archive contents

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

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

Tags

Updated on October 13, 2026.

In the same spirit

  • Product page

    Free

    A complete product page: product views, colors and sizes as radio buttons, a quantity selector and an announced add-to-cart.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component

  • Shipping options

    Free

    Radio cards to pick a shipping method, with each option's delay and price, and an order total that updates instantly.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component

  • Video testimonial with transcript

    Free

    A CSS-drawn video poster with a play button, the testimonial's key quote, its author, and the timestamped transcript in a collapsible panel.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component

  • Sortable table

    Free

    A data table where every column sorts with a click, ascending or descending, with no library.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component