Search Overlay Panel
The search open mid query, products and guides split into two columns.
The search open mid query, products and guides split into two columns.
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
Search Overlay Panel renders the navbar with its search open mid query, tote typed, three product hits with thumbs and prices beside guides and pages, the split that stops articles from drowning the buyable results. The count is honest, 3 of 6, and the footnote promises the long tail, everything including the journal and the spare parts bin.
Static blueprint of the open state, hits are two arrays. Wire the input to your search service and keep the two column split, mixed result lists serve neither intent.
Reach for this block as the search open state for any store navbar, paired with the suggestions panel for the pre query state and the results page for full results.
A natural flow around it on an Ecommerce Pro page:
Before
After
One strong use is the mid query overlay. Other search overlays:
Tip: showing 3 of 6 in the heading sets up the enter key, the overlay is a preview, the results page is the product.