Nav With Cart Search
The standard store header with inline search and the icon trio with cart count.
The standard store header with inline search and the icon trio with cart count.
The Ecommerce Collection unlocks the source for every Ecommerce block. All Access unlocks every Collection.
Already purchased? Log in
Nav With Cart Search is the standard store header, logo, six category links with Sale weighted, an inline search field on desktop that collapses to an icon on mobile, and the icon trio, wishlist, account, cart with its count badge. The search placeholder coaches useful queries, products and topics, not the brand name.
Links are one array, every icon button carries an aria label including the cart count.
Reach for this block as the default header for any store in this collection. The inline search earns its width on catalogs over roughly forty products, smaller stores can use the minimal version.
A natural flow around it on an Ecommerce Pro page:
Before
After
One strong use is the six aisle navigation with Sale last. Other arrangements:
Tip: the cart count badge is the single most glanced at pixel in commerce, keep it high contrast in both themes and never let it lie.