FastStore
Storefront features
Search
This feature enables customers to find their search easier.
Overview
The Search feature is based on the Autocomplete functionality to enhance user search experiences. Autocomplete dynamically displays relevant search suggestions based on current and past search queries. The feature includes four different lists, which can be presented collectively or individually based on user interaction preferences. The existing sections within Autocomplete are as follows:
- Last Searches: Displays a list of the user's most recent search queries.
- Search Suggestions: Offers real-time suggestions based on the user's current input.
- Product suggestion: Provides relevant product recommendations based on the search query.
- Most searched terms: Highlights popular and frequently searched terms.
Refer to the Autocomplete in VTEX Intelligent Search for more information.
Usage
To integrate the
<SearchInput />
component, refer to the provided example in the FastStore Core.You can add this component to your store where you need it, with the Navbar being a recommended location.
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