Using the Price Range Facet Widget

Liferay Commerce includes the Price Range Facet widget for quickly filtering Product search results by price. To use this widget, ensure the Commerce Search Results widget is also deployed to the desired page.


Starting with Liferay DXP 7.3 SP2, the Price Range Facet widget uses a Product’s lowest price for filtering results.

For earlier Commerce versions, the widget uses a Product’s base price and only works with Products that have a single SKU. Products with multiple SKUs are not displayed when the facet is active.

Use the Price Range Facet widget to filter Channel Products by price.

Once you’ve added the Price Range Facet widget to a page, you can configure its fields:

  1. Hover over the widget, click on the Actions button (Actions Button), and select Configuration.

    Configure the widget.

  2. In the Setup tab, configure the following fields:

    Show Input Range: Determine whether the widget allows customers to enter a custom price range.

    Ranges JSON Array: Set predefined price ranges for the widget.

    Configure the widget's fields in the Setup tab.

  3. Click on Save.

See Widget Reference to learn about other Commerce widgets.