Suggestions
Suggestions
is a component used to suggest search terms similar to the current query.
Usage
Add the search-suggestions
block to the search-result-layout.desktop
or search-result-layout.mobile
. For example:
"search-result-layout.desktop": {
"children": [
"flex-layout.row#suggestion",
],
"flex-layout.row#suggestion": {
"children": ["search-suggestions"]
}
}
Props
Prop name | Type | Description | Default value |
---|---|---|---|
customPage | string | Defines a custom page to the link of a suggestion. Example: store.search.custom . Defaults to store.search . |
Customization
In order to apply CSS customizations in this and other blocks, follow the instructions given in the recipe on Using CSS Handles for store customization.
CSS Handles |
---|
suggestionsList |
suggestionsListPrefix |
suggestionsListLink |
suggestionsListItem |