Search
This feature enables customers to find their search easier.
Overview
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).
Usage
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.
Components
Search History
Responsible for showing the latest terms searched by a user.
See moreSearch Top
This section displays the most searched terms by customers.
See moreSearch Auto Complete
List of auto completing suggestions based on searched term.
See moreSuggested Products
Search Products
List of SearchProductItem to show details of the suggested products.
See moreSearch Dropdown
Combine SearchHistory, SearchTop and SearchAutoComplete and SearchProducts to show all options in SearchInput.
See moreSearch Input Field
An InputField with a search button.
See moreSearch Input
The SearchInput is responsible to receive, search and display suggestions.
See more