Store summaries
Each list keeps track of totals per store and highlights the cheapest one.
Update prices as you go so you always know which store is best for your next trip.
Cheapest store stays obvious
Green is reserved for the winning store. Other stores stay neutral so the cheapest option is instantly scannable, even in bright aisles.
Use Store view to add new stores and adjust prices.
Totals refresh regularly so you can compare before you head out.
Store selection currently affects price comparisons, not list ordering.
Groceries list cost block
At the bottom of the groceries list, Costs shows each store with its current total and makes the cheapest store the visual hero.
Green is only used for the winner; secondary stores stay neutral so you can read the result in under a second.
The call-to-action (coin icon) opens post-shopping mode without altering totals.
Cheapest store: large total on the left, percent bar in green; other stores use gray bars and keep their numeric price visible.
Editing a price updates only that store row; clearing a price keeps other store prices intact.
Progress bars show relative percent, while the numeric price stays right-aligned for quick scanning.
Shopping flow
Use shelves to keep related items together as you walk the store.
Keep totals updated so the cheapest store is obvious before leaving home.