Cart feedback for shopping bags and order updates
A cart cue can show that an item was added. These picks include carts, bags, baskets and an order tracker for the steps after checkout.
Keep the item name and cart total visible. Confirm an addition only after your cart state updates, and let someone undo an accidental change.
Check the file size on each detail page and measure your export after editing. Load previews only when needed, respect reduced motion and keep status messages in real text.
We read the colours and fonts from your home page. They stay in this browser.
-
2.4 s, plays once
-
1.5 s, loops
-
1.5 s, loops
-
5 s, plays once
-
Loading preview...
flat · pop
-
Loading preview...
duotone · pop
-
Loading preview...
duotone · pop
-
Loading preview...
outline · pop
Questions
Where should an add to cart animation appear?
Put it close to the button or cart count that changed. Keep the item and updated quantity in text so the result is clear without the animation.
How do I choose a file size and support reduced motion?
Check the file details before downloading and measure the exported file after editing. Compare Lottie JSON and dotLottie in a player that supports them. Load the animation near the screen and show a still frame when someone asks for reduced motion. Keep any status or instructions in real text.