Toast V07
Template Details
Author: Colorlib
Released: September 2026
License: CC BY 3.0
Description
An e-commerce toast that confirms an item was added to the cart. It shows the product photo, name, variant, quantity and price, the running cart subtotal, and View cart and Checkout links. The cart icon in the header bumps its count at the same time.
It is plain HTML and CSS plus a few lines of vanilla JavaScript: no jQuery, no Bootstrap files, no plugins, and the download is 200 KB. Use it on its own, or drop it into a Bootstrap 4, 5 or 6 project and it looks the same.
- Product thumbnail, variant, quantity and price
- Running subtotal and cart badge kept in sync
- One cart toast at a time; a new add replaces the old one
- Hover and focus pause the timer, Esc closes
- Cart link label updates for screen readers
Similar Templates
