9:41
My Cart
Add R 55.01 more for FREE delivery
R 0.00 R 350.00
Delete
Clover Full Cream Milk 2L
R 32.99 each
Backup: Parmalat 2L
1
R 32.99
Delete
Albany Brown Bread
R 18.49 each
No backup set
2
R 36.98
Delete
Free Range Eggs 6pk
R 42.99 each
Remove if unavailable
1
R 42.99
Delete
Lancewood Cheddar 400g
R 64.99 each
1
R 64.99
Order Summary
Subtotal (5 items) R 177.95
Delivery fee R 29.99
Service fee R 9.99
Total R 215.43

Screen Annotations — CON-062 Cart Swipe Delete

Screen ID: CON-062
Flow: Shopping → Cart → Swipe Delete Interaction
Previous: CON-060 Cart Main
Next: CON-063 Free Delivery Progress
Swipe-to-Delete: Swipe left to reveal delete action. The second item (Albany Brown Bread) is shown in the swiped state, shifted left by 80px to expose a red delete panel with a trash icon and "Delete" label. The delete panel sits behind the cart item row.
Interaction Behaviour:
• Partial swipe (~80px): Reveals the delete button. User can tap the red area to confirm deletion.
• Full swipe (>50% of row width): Automatically deletes the item with an undo toast notification.
• Tap elsewhere / swipe right: Snaps the item back to its normal position.
• Only one item can be in the swiped state at a time.
After Deletion: The item is removed with a slide-up animation. An undo toast appears at the top for 5 seconds: "Item removed. Undo" (tapping Undo restores the item). The cart totals and free delivery progress bar update in real time.
Accessibility: Swipe actions should have an accessible alternative. Each cart item should include a visible delete button (e.g., on long-press or via an overflow menu) for users who cannot perform swipe gestures.