Shopping Cart V01
Template Details
Author: Colorlib
Released: September 2026
License: CC BY 3.0
Description
A full shopping cart page with a table of line items showing product photo, name, variant, unit price, quantity stepper, line total and a remove button. A sticky order summary sidebar lists subtotal, shipping, estimated tax and total, and has a promo code field where the demo code SAVE10 takes 10% off. On phones the table rows restack into compact cards, and removing the last item shows an empty-cart state.
It is plain HTML and CSS plus a few lines of vanilla JavaScript: no jQuery, no Bootstrap files, no plugins, and the download is 312 KB. Use it on its own, or drop it into a Bootstrap 4, 5 or 6 project and it looks the same.
- Quantity steppers recalculate line totals, shipping, tax and total
- Working promo code field with inline validation (try SAVE10)
- Free-shipping threshold message
- Table restacks into cards on phones
- Changes announced through a polite live region
- Empty-cart state with focus management
Similar Templates
