9:41
New Shopping List
Suggested for you
🥛
Clover Full Cream Milk 2L
R 32.99
🍎
Royal Gala Apples 1.5kg
R 39.99
🍗
Country Fair Chicken Braai Pack
R 79.99
Added Items 3 items added
🍞
Albany Brown Bread
R 18.49
2
🥚
Free Range Eggs 6pk
R 42.99
1
🧈
Lurpak Butter 250g
R 64.99
1

Screen Annotations — CON-095 New Shopping List

Screen ID: CON-095
Flow: My Shop → Shopping Lists → Create New List
Previous: CON-090 My Shop
Next: CON-096 Shopping List Detail (after saving)
Header: White header with back button, "New Shopping List" title, and "Save" text action on the right. Save button creates the list with current items.
List Name Input: Text input with placeholder "e.g., Weekly Groceries". Required field for creating the list.
Search Input: Search field with magnifying glass icon and placeholder "Add products to your list..." for finding products to add. Searching opens product search results inline.
Suggested Products: Based on the user's purchase history and frequently bought items. Each row shows product image (emoji placeholder), name, price, and a circular "+" add button in lime accent.
Added Items: Section showing 3 products already added to the list. Each has product image, name, price, quantity stepper (minus/value/plus), and an "X" remove button. The header shows "3 items added" count.
No Bottom Navigation: This is a creation/editing sub-screen, so bottom nav is hidden. User navigates back via the back button or saves via "Save" action.
Currency: South African Rand formatted as "R XX.XX" with space after R.