9:41
24 results for 'milk'
Sort ↕ Brand Price On Special
Clover
Full Cream Milk 2L
R 32.99
Parmalat
Low Fat Milk 1L
R 22.49
SAVE
Douglasdale
Fresh Milk 2L
R 34.99 R 42.99
Clover
Buttermilk 500ml
R 16.99
Almond Breeze
Almond Milk 1L
R 54.99
Fair Cape
2% Low Fat Milk 2L
R 29.99

Screen Annotations — CON-043 Search Results

Screen ID: CON-043
Flow: Search & Discover → Search Results
Previous: CON-042 Search Active
Next: Product Detail (on product tap) or CON-045 Filter Sheet (on filter tap)
Header: Back arrow, search input showing "milk" query text, and a filter icon button. Tapping back returns to CON-042. Tapping the filter icon opens CON-045 (bottom sheet). Tapping the search input returns to CON-042 with current query.
Results Count: "24 results for 'milk'" displayed below the header. Count updates dynamically when filters are applied.
Filter/Sort Chips: Horizontal scrolling row of filter chips: "Sort" (with up/down arrows), "Brand", "Price", "On Special". Tapping any chip opens CON-045 filter bottom sheet with the relevant section pre-scrolled. Active filters show as .chip--active.
Product Grid: 2-column grid using shared .product-card components. 6 milk products shown: Clover Full Cream 2L (R 32.99), Parmalat Low Fat 1L (R 22.49), Douglasdale Fresh 2L (R 34.99 with SAVE badge, was R 42.99), Clover Buttermilk 500ml (R 16.99), Almond Breeze 1L (R 54.99), Fair Cape 2% 2L (R 29.99).
Behavior: Grid scrolls vertically. Additional results load via infinite scroll or "Load More" button as user scrolls down. Search results persist when returning from product detail.