UI reference

X Components

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

Common

Module containing base components that can be used with other X Components to modify the behavior and appearance.

Extra params

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

Identifier Results

Module to configure the search using product references.

Query suggestions

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

Scroll

Module to manage scrollable panels.

Tagging

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

Devices

Module to detect the device used by shoppers.

Facets

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

Next Queries

Module to configure the display of suggestion for a new search, related to the previous query.

Recommendations

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

Search

Module that contains several components for displaying search functionalities (e.g. spellcheck, sorting, promotions, etc.)

URL

Module to keep the search application state in the URL for back and forward navigation or link sharing.

Empathize

Module to create a collapsible container to include suggestions components.

History Queries

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

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're looking for.

UI Reference