This Search feature is based on Autocomplete. Autocomplete is the functionality that displays previous search results based on current and previous searches. These results are presented in four different lists, which can be together or separated, depending on the customer's interaction. The existing sections are:
- Last searches performed;
- Search suggestion;
- Product suggestion;
- Most searched terms.
To know more, visit Autocomplete in VTEX Intelligent Search (opens in a new tab).
There is an available example of the usage of
<SearchInput /> on our core (opens in a new tab) application.
You can add this component whenever it's needed. It's suggested to add it on Navbar.
Responsible for showing the latest terms searched by a user.See more
This section displays the most searched terms by customers.See more
Search Auto Complete
List of auto completing suggestions based on searched term.See more
List of SearchProductItem to show details of the suggested products.See more
Combine SearchHistory, SearchTop and SearchAutoComplete and SearchProducts to show all options in SearchInput.See more
Search Input Field
An InputField with a search button.See more
The SearchInput is responsible to receive, search and display suggestions.See more