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:


_10"search-result-layout.desktop": {
_10    "children": [
_10        "flex-layout.row#suggestion",
_10    ],
_10    "flex-layout.row#suggestion": {
_10        "children": ["search-suggestions"]
_10    }
_10}

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`