Skip to content
Search drawer
Section overview
The Theme Search section provides a searchable interface for your Shopify store, featuring a slide-out drawer that allows users to search for products, collections, articles, and pages.
Common Use Cases
- Primary store search functionality with predictive results
- Displaying search recommendations for common queries
- Filtering search results by resource type (products, collections, articles, pages)
- Providing a customizable search experience with announcement banners
Usage Tips
- Add search recommendations to guide users toward popular products or categories
- Match the color scheme to your store's aesthetic for consistent branding
- Consider mobile users - the search drawer is position-optimized for different device types
- Customize search functionality in theme settings to control which content types are searchable
Section Settings
| Setting | Description |
|---|---|
| Search recommendations | Link list for displaying search recommendations when no search is being performed |
| Color scheme | Controls the background and text color of the search drawer |
| Color border | Sets the style of borders within the search drawer |
Block Settings
Announcement
The Announcement block allows you to display a message at the top of the search drawer, useful for promotions or important information.
Block limit: 1
| Setting | Description |
|---|---|
| Content | Rich text content to display in the announcement |
| Color scheme | Controls the background and text color of the announcement |
| X alignment | Sets the horizontal alignment of the announcement content (left, center, right) |