Product Search 7 block design & features
ProductSearch7 is a combobox product search block built with shadcn/ui. Opening the combobox reveals a wide panel that splits popular links and recommended product items on one side from a large promotional image card with badge overlay on the other. Prices appear on recommended items for quick commerce scanning.
Wide dropdown panel with a clear promo visual anchor. Popular links stay compact while the promo card carries campaign imagery. Combobox semantics keep keyboard and focus behavior familiar for search.
A distinctive search empty state that blends navigation suggestions with merchandising. Moderate complexity and image-driven on the promo side, with a short product recommendation list. Stands out from plain suggestion dropdowns because of the promo panel.
The wide panel stacks or narrows on smaller screens so the promo and lists remain reachable without horizontal overflow.