Search Page
The search template provides two storefront experiences: Search chat for conversational predictive search and Product grid for a traditional filtered results layout.
Features
Search Page Mode
Choose the page mode in Theme settings > Search or in the Search page section settings.
| Mode | Best for |
|---|---|
| Search chat | Conversational discovery, suggested searches, and predictive results across products, collections, articles, and pages. |
| Product grid | Traditional product search with filters, sorting, pagination, configurable columns, and product-card blocks. |
The search drawer always uses the chat-style interface, even when the /search page is set to Product grid mode.
Search Chat
- The search input is prominently displayed
- Results appear as cards in a scrollable feed
- Results include products, collections, blog articles, and pages
- Popular searches can appear as quick-start suggestion pills
Predictive Search
As customers type, predictive results appear in real time using Shopify’s Predictive Search API. Results are grouped by type (products, collections, articles, pages).
Product Grid
Product grid mode displays products in a responsive grid and can include:
- Filter blocks
- Sorting controls
- Product-card blocks with swatches and quick add when enabled
- Empty-state text with configurable ordering relative to the search input
- Desktop and mobile column controls
- Independent row and column gaps
- Edge-to-edge mobile cards
Search Drawer
The search is also accessible as a drawer overlay from the header, providing the same search experience without leaving the current page.
Section Settings
| Setting | Description |
|---|---|
| Search page mode | Choose Search chat or Product grid for the /search page. |
| Max width | Maximum width of the chat or product-grid search input container. |
| Color scheme | Select the color scheme for the selected mode. |
| Padding | Top, bottom, and mode-specific spacing controls. |
| Products per page | Product grid mode only. Range: 12-48. Default: 24. |
Tips
- The search indexes all product titles, descriptions, tags, vendors, and SKUs.
- Collection and article titles are also searchable.
- Search results respect your store’s language settings.
- Use Product grid mode when filtering and sorting are more important than a conversational search flow.