Documentation
Feedback
Guides
Troubleshooting

Troubleshooting
Development
My store catalog does not display the price range filter

Price filters are not available on the product listing page (PLP).

Keywords: price range | filters | catalog

The price range feature allows you to create a filter that displays price ranges to customers in your store.

After creating price range filters in your store catalog, there may be rendering issues, and they may not display on the product listing page (PLP).

{"base64":"  ","img":{"width":768,"height":513,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":159887,"url":"https://cdn.jsdelivr.net/gh/vtexdocs/dev-portal-content@main/docs/troubleshooting/development/price-range-filter-front.png"}}

In some situations, price filters may have rendering issues and not be displayed on the product listing page (PLP).

Solution

To solve this problem, consider checking the following:

Check the price range filter configuration

To confirm that the price range filters are properly configured, follow the steps below:

  1. In the VTEX Admin, go to Catalog > Categories.
  2. Click the desired category.
  3. Click ACTIONS and Price range.
  4. Check the configured price ranges and make changes if necessary.

{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAACCAIAAADwyuo0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAI0lEQVR4nGMIC484ffbsl69f45KSGRITE+vq6nbv3m1iZgYAs/4M2qvgGTUAAAAASUVORK5CYII=","img":{"src":"https://cdn.jsdelivr.net/gh/vtexdocs/dev-portal-content@main/docs/troubleshooting/development/price-range-filter-back.png","width":1212,"height":613,"type":"png"}}

Check the simulationBehavior field value

Access your Search Result app and, in the store.search parameter, check if the property simulationBehavior is set as default.


_13
{
_13
"store.search": {
_13
"blocks": [
_13
"search-result-layout"
_13
],
_13
"props": {
_13
"context": {
_13
"skusFilter": "FIRST_AVAILABLE",
_13
"simulationBehavior": "default"
_13
}
_13
}
_13
}
_13
}

Check the priceRange field value

  1. Access your Search Result and, within the search-result-layout.desktop and search-result-layout.mobile blocks, check if the property priceRange exists and is set to false.
  2. Verify if the custom filter property follows the default value false. If it is set to true, its value should not appear.

If this field does not exist or the value is set to true, the price range filter will not be displayed in the store.


_15
_15
"search-result-layout.desktop": {
_15
"children": [
_15
"flex-layout.row#searchbread",
_15
"flex-layout.row#searchtitle",
_15
"flex-layout.row#result",
_15
_15
],
_15
"props": {
_15
"hiddenFacets": {
_15
"priceRange": false
_15
},
_15
_15
}
_15


_15
_15
"search-result-layout.mobile": {
_15
"children": [
_15
"flex-layout.row#searchbread",
_15
"flex-layout.row#searchtitle",
_15
"flex-layout.row#result",
_15
_15
],
_15
"props": {
_15
"hiddenFacets": {
_15
"priceRange": false
_15
},
_15
_15
}
_15

Contributors
1
Photo of the contributor
+ 1 contributors
Was this helpful?
Yes
No
Suggest Edits (GitHub)
Contributors
1
Photo of the contributor
+ 1 contributors
On this page