Shopping Cart V03
Template Details
Author: Colorlib
Released: September 2026
License: CC BY 3.0
Description
A store header with a cart button that opens a mini cart panel using the disclosure pattern. The panel lists line items with small quantity steppers, shows subtotal, shipping, tax and total, and offers View cart and Checkout buttons. Add to cart buttons on the demo product grid add new lines or raise quantities, and the badge count bumps as it changes.
It is plain HTML and CSS plus a few lines of vanilla JavaScript: no jQuery, no Bootstrap files, no plugins, and the download is 322 KB. Use it on its own, or drop it into a Bootstrap 4, 5 or 6 project and it looks the same.
- Disclosure button with aria-expanded, Esc to close and focus return
- Closes on outside click
- Add to cart creates lines from a template element
- Badge count with a short bump animation
- Free-shipping hint in the panel footer
- Full-width panel on phones
Similar Templates
