Nav With Reorder Bar
Replenishment navbar with a buy again strip beneath: chips for four staples from the last order, each with its price and a one tap add.
Replenishment navbar with a buy again strip beneath: chips for four staples from the last order, each with its price and a one tap add.
Search blocks by description or jump to a page.
The source for every Ecommerce block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Nav With Reorder Bar pairs the standard store header with a buy again strip beneath it: chips for the four staples from the last order, each showing a thumb, name, price, and a one tap add, labeled with the delivery date they came from. It turns the header into a replenishment shortcut for stores people reorder from on a rhythm.
The staples are a small array of name and price; the delivery date and thumbs are wired from the order record. The strip scrolls horizontally on narrow screens so the chips never wrap, and each add button carries a full label for assistive tech.
Reach for this block as the site header on grocery, pantry, and consumables stores where the same basket comes back week after week. Surfacing the last order's staples at the top of the page turns a fresh shop into two taps, which is the whole game for repeat purchase.
A natural flow around it on an Ecommerce Pro page:
Before
After
One strong use is the pantry replenishment strip. Other bar contents:
Tip: cap the strip at the handful of items a shopper actually repeats; a reorder bar with twenty chips is just the catalog again, and it stops feeling like a shortcut.