Documentation
Feedback
Guides
Troubleshooting

Troubleshooting
Development
The Price in the shelf or in the search results is different from the product page

Inconsistent pricing when comparing shelves or search results with product pages in stores using Intelligent Search.

Keywords: Price | PDP | Product | SKU | Shelf | Search | Search Result | Promotion

When updating a SKU price or applying a promotion, the price on the shelf or in the search results might differ from the price on the product page. This issue can happen in Store Framework stores using the Search Result component in the store theme. This component receives and renders search results from Intelligent Search.

The Search Result component's configuration, specifically setting the simulationBehavior property to skip, can cause outdated prices to display in shelves and search results. This occurs because this configuration makes the component rely on cached data rather than fetching the latest price updates.

The skip setting is only recommended for stores where prices are not updated frequently and promotions are not used often. In these cases, this configuration can increase loading speed by displaying cached information. Learn more in Displaying asynchronous prices.

Solution

To ensure consistent and up-to-date pricing across your store, follow the instructions below:

  1. Locate the theme files that define the Search Result component.

  2. Locate the simulationBehavior property in your theme’s code, as in the example below. You can also find an example in the store theme boilerplate repository.


    _10
    "store.search": {
    _10
    "blocks": [
    _10
    "search-result-layout"
    _10
    ],
    _10
    "props": {
    _10
    "context": {
    _10
    "simulationBehavior": "skip"
    _10
    }
    _10
    }
    _10
    }

  3. Change the value of simulationBehavior from skip to default, as in the example below. This adjustment instructs the component always to fetch the latest data, eliminating the discrepancy caused by cached information.


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

  4. Run vtex link to see your changes reflected in the workspace.

Make sure this change is applied consistently across all instances of the Search Result component used throughout your store's theme.

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