Turbo's search features include the header search box, predictive search, and a dynamic search section to add to pages.
In your left sidebar, open Header. Enable Show search to include a search bar in the header.
On desktop view, the search field will show up as a search box. On mobile, the search box gets minimized to a magnifying glass which users click to reveal.
Use the Search portion of the theme settings to control Search results, Pagination type, Predictive search, and the total number of Items to display.
The 'Predictive search' allows search inquires to auto-complete as a customer types them in. It is important to note that the predictive search will kick in after inputting 3 characters.
After 3 characters are inputted, the search will show results or give you an option to view all search results that contain the characters in your query. Enabling the predictive search will update both your Search box (located in your header) and the Search section block to use this functionality.
To enable the 'predictive search' head into Customize > Theme Settings > Search > under 'Predictive Search' click 'Enable'. You can also choose the number of 'items to display' here as well. You can choose between 2 and 10.
Page Search Section
Click Search to open the section settings.
Add a Heading and Subheading using the provided fields.
Select an option for Text alignment.
Include Placeholder text for the search using the provided field.
Add an optional Background image by selecting Select Image.
Important to note: The same Search 'Theme Settings' apply to the 'Search Section' as well.
When viewed on mobile, the 'search box' will turn into a 'search icon'. When clicked, a search input will appear below where customers can enter their search query! The homepage 'search section' will resize itself to fit within your mobile device's screen.