Shopping Cart V10
Template Details
Author: Colorlib
Released: September 2026
License: CC BY 3.0
Description
A grocery basket that groups items into aisles such as fruit and vegetables, bakery, dairy and pantry, with pack sizes and unit prices per kilogram, litre or piece. Each item has a substitution switch, and a master switch turns substitutes on or off for the whole basket. A progress bar in the sidebar shows how far the basket is from free delivery and tells the shopper exactly how much more to add.
It is plain HTML and CSS plus a few lines of vanilla JavaScript: no jQuery, no Bootstrap files, no plugins, and the download is 129 KB. Use it on its own, or drop it into a Bootstrap 4, 5 or 6 project and it looks the same.
- Items grouped by aisle with live aisle counts
- Unit prices per kg, litre or piece
- Per-item and all-items substitution switches (role="switch")
- Free-delivery progress bar with aria-valuenow and aria-valuetext
- Delivery fee drops to free at the threshold
- Cent-based maths so totals never drift
Similar Templates
