When Live Search is installed, a popover appears in the storefront when shoppers type in the Search box. With each character typed, the popover is updated with suggested products and thumbnail images of the top search results.
Live Search returns results for a query of two characters or more. For a partial match, the maximum number of characters per word is 20. The number of characters in a “search as you type” query is not configurable.
By default, Live Search supports search term redirects.
To produce highly-targeted results, review the set of searchable (
searchable=true) product attributes. To ensure relevancy, make attributes searchable only if they contain content that has a clear and concise meaning. Avoid using attributes that contain less precise, lengthy text such as
description, which although search-enabled by default, can reduce the precision of search results.
For example, if a person searches for “shorts” and there are shirts with a description that includes the term “short sleeves”, then the shirts will be included in the search results.
Live Search also respects the weight of a product attribute, as set within Adobe Commerce. Attributes with a higher weight will appear higher within the search results.
The following attributes are always searchable:
The page size of the popover determines how many lines of autocompleted products can be returned. Previously, the page size was hardcoded as six lines. However, the
page_size value is now a setting that can be configured from the Admin. During the Live Search installation, the
page_size value changes to the current value of the Catalog Search -
Autocomplete Limit setting.
By default, the Catalog Search - Autocomplete Limit value is set to eight lines (or rows). To change the page size of the popover, do the following:
The Catalog Service for Adobe Commerce extension provides rich view-model catalog data to quickly and fully render product-related storefront experiences. Catalog Service can be used in conjunction with Live Search to provide functionality that is not currently supported by the native extension:
Merchants may customize and extend widgets or storefront elements by using Catalog Service, but this is out of scope for Adobe’s support team.
For those with headless implementations, it is possible to install the Live Search popover with an npm package.