Interface X Components are grouped into modules of associated functionalities to ease the UI building process. Pick and choose the components you need to give your commerce store the search functionality required:

Common

Base components to use with other components to modify the behavior and appearance.

Extra params

Module to configure any parameters that the rest of the modules might need.

History Queries

Module to configure the display of the last searches performed in the session.

Popular searches

Module to configure the display of the search terms most used by shoppers.

Recommendations

Module to configure the display of the product results most visited by shoppers.

Scroll

Module to configure the options for scrollable panels, such as the scrolling direction.

Semantic Queries

Module to configure the display of semantically similar query alternatives.

Devices

Module to detect the device used and create optimized layouts for the device types.

Experience controls

Module to apply the product recommendations carousels config based on the X Controls settings from the IMC tool.

Identifier Results

Module to configure the search using product references, such as SKU codes.

Queries preview

Module to display a preview of the product results related to a specific query.

Related prompts

Module to display conversational search suggestions and refine the search based on shopper intent.

Search

Module to display different search functionalities, such as spell check and sorting.

Tagging

Module to track session interactions and send them to the Tagging microservice.

Empathize

Module to create a collapsible container to include suggestions components.

Facets

Module to filter the current results and narrow down the search.

Next Queries

Module to set up the display of suggestions for a search related to a previous query.

Query suggestions

Module to configure the list of predictions of what the shopper might be searching for.

Related tags

Module to complement the search query and refine the search for better results.

Search box

Module to configure the search bar where shoppers can type what they are looking for.

URL

Module to keep the search app state in the URL navigation or link sharing.