searchresults

Product Search Results (v1)

Product Search Results component is a server-side component written in HTL, displaying product search results in a gallery view. The search query term is read from request parameters of the page and the data is retrieved from Magento via GraphQL. The main usage of this component would be on a search result page.

Note

Adobe Commerce customers should use the Live Search Widget instead.

Features

• Support for full-text search
• Support for faceted search
• Display products in gallery view, incl. name, thumbnail, and price
• Style System support.

Use Object

This component uses the com.adobe.cq.commerce.core.components.models.searchresults.SearchResults Sling model as its Use-object.

Selectors & Request Parameters

This component is targeted for a search result display page showing the product results of a full-text search.

1. search_query parameter containing the search query term
2. page parameter containing the current result page
3. additional dynamic parameters based on search filter selection

Component Policy Configuration Properties

The following configuration properties are used:

1. ./loadClientPrice - enables client-side price fetching
2. ./paginationType - the pagination type, either paginationbar or loadmorebutton.

Edit Dialog Properties

The following properties are written to JCR for this component and are expected to be available as Resource properties:

1. ./pageSize - the number of products shown on one page

BEM Description

BLOCK category
    ELEMENT category__root
        MOD category__root-message
    ELEMENT category__title
    ELEMENT category__pagination
    ELEMENT category__categoryTitle
    ELEMENT category__image

BLOCK search
    ELEMENT search__root
    ELEMENT search__filters

BLOCK gallery
    ELEMENT gallery__root
    ELEMENT gallery__items

BLOCK item
    ELEMENT item__root
    ELEMENT item__images
    ELEMENT item__image
    ELEMENT item__imagePlaceholder
    ELEMENT item__name
    ELEMENT item__price

Information

• Vendor: Adobe
• Version: v1
• Compatibility: AEM as a Cloud Service / AEM 6.4 / 6.5
• Status: production-ready