Search blocks by description or jump to a page.
The standard store header with inline search and the icon trio with cart count.
The source for every Ecommerce block is included with Pro and Team. Start a plan to copy the code.
Already on a plan? 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.