Product Search 5 block design & features
ProductSearch5 is a dialog-based product search block built with shadcn/ui. The dialog presents a search input, popular query chips, and tabs that switch between product results and editorial articles. Result rows include images and prices for products, with tooltips on secondary actions.
Centered dialog search rather than an edge sheet. Tabs make mixed catalog and content results explicit. Tooltips clarify action icons without crowding each row.
A moderate cross-content search pattern useful when the store publishes articles alongside products. Content-driven: product and article items plus popular queries are required. Distinctive for the Products/Articles tab split inside a dialog.
Tabs and result lists stack naturally in the dialog on smaller viewports.