Shopping Cart V12
Template Details
Author: Colorlib
Released: September 2026
License: CC BY 3.0
Description
A coffee shop cart with line items, a Frequently bought together row of add-on products and a summary with an estimated delivery window. Each add-on button is a toggle that adds the product as a new cart line or takes it out again, and removing that line from the cart resets the toggle. Choosing Standard or Express delivery changes the shipping cost and recalculates the delivery dates from today, skipping weekends.
It is plain HTML and CSS plus a few lines of vanilla JavaScript: no jQuery, no Bootstrap files, no plugins, and the download is 238 KB. Use it on its own, or drop it into a Bootstrap 4, 5 or 6 project and it looks the same.
- Add-on toggle buttons with aria-pressed that stay in sync with the cart
- New lines built from a template element
- Delivery window in business days, formatted with Intl.DateTimeFormat
- Standard or Express choice updates shipping and dates
- Free standard shipping threshold message
- Add-on cards collapse to compact rows on phones
Similar Templates
