The auto suggest function offers the shopper a type ahead set of suggestions based on their current entry. For example, after typing “sty”, several likely options display:

Auto suggest

Auto suggest implementation

Auto suggest is configured using three cartridge xml files:

/Storefront/deploy/cartridge_templates/MainContent-SearchAdjustments.xml

/Storefront/deploy/cartridge_templates/AutoSuggestPanel-AutoSuggestPanel.xml

/Storefront/deploy/cartridge_templates/AutoSuggest-DimensionSearchAutoSuggestItem.xml

In Experience Manager, there is a shared Auto Suggest Panels content collection. In the content collection’s summary panel, you will see that by default, location is set to “apply at all locations”. Click on the Default Auto Suggest Panel on the left navigation panel to see more configuration options. A small number of dimensions that are specified by default display in the auto suggest panel. There is this related renderer:

/Storefront/j2ee-apps/Storefront/store.war/mobile/cartridges/SearchBox/SearchBox.jsp

SearchBox.jsp renders a search box which allows the user to query for search results and also displays the search adjustments in a drop-down list.

AutoSuggest and categories

In CRS-M only brand and product features are enabled for auto-suggest because of situations where the shopper could be displayed suggestions in a language they were not expecting.