Documentation
Feedback
Guides
VTEX IO Apps

VTEX IO Apps
DidYouMean
vtex.search
Version: 2.4.0
Latest version: 2.17.0

This page is about version 2.4.0 of the app, which is not the most recent version. The latest stable version is 2.17.0.

DidYouMean is a component used to suggest a possible misspelling correction to the current query.

Usage

Add the did-you-mean 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#didyoumean",
_10
],
_10
"flex-layout.row#didyoumean": {
_10
"children": ["did-you-mean"]
_10
}
_10
}

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
didYouMeanPrefix
didYouMeanTerm
See also
Vtex.search
VTEX IO Apps
VTEX App Store
VTEX IO Apps