Nav With Cart Search

About this block

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.

When to use

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

• Free shipping banner above it, optionally

After

• Any store hero or page content

What you can display

One strong use is the six aisle navigation with Sale last. Other arrangements:

• Two level. This bar plus the category bar sibling beneath.
• Search first. Search centered and wider for catalog heavy stores.
• Signed in. The account icon swapped for the customer's initial.

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.