Search and predictive search
Search opens from the header. With predictive search on, results show as shoppers type: products, collections, pages and articles. Theme settings > Search controls both.
How to set it up
Step 1: Turn on search
- Go to Theme settings > Search.
- Turn on Enable search and Enable predictive search (1).
- Choose Search resources: everything, or products only.
- Set the Mobile predictive search columns and whether product and collection titles show.
Step 2: Set up the search page
- Under Search filters, turn on Search page filters and choose the layout.
- In the page picker, choose Search and click the Search section to set results per page and the desktop and mobile columns.
Step 3: Set the header search icon
- In the Header section, under Search, choose an icon, icon with text or text, and its look. The Logo left, wide search header layout shows a search bar instead.
Settings reference
Search
| Enable search | Turns this on or off. |
|---|---|
| Enable predictive search | Turns this on or off. |
| Search resources | Options: All resources, Products only. |
| Mobile predictive search columns | Slider. |
| Show product titles | Turns this on or off. |
| Show collection titles | Turns this on or off. |
| Search filters | |
| Search page filters | Turns this on or off. |
| Filter layout | Options: Sidebar, Drawer, Dropdown toolbar, Sticky floating panel. |
Search
| Search results | |
|---|---|
| Results per page | Slider. |
| Desktop grid columns | Options: 2, 3, 4. |
| Mobile grid columns | Options: 1, 2. |
Full width, section layout, color scheme, spacing and mobile overrides work the same in every section: see Section layout and spacing. Headings, subheadings and descriptions: see Section headings and text.