Guides / Building Search UI / Ecommerce ui template / Components / Product listing page display

We released React InstantSearch Hooks, a new InstantSearch library for React. We recommend using React InstantSearch Hooks in new projects or upgrading from React InstantSearch.

The Banners component allows you to display banners using Rules. With Rules, you can return custom data when certain conditions are met. For example, you can return custom data when the current category is “Women”, as shown in the following example. With this Rule, the “Banners” component displays a banner with the props coming from your Rule’s custom data.

The Banners component on desktop

Dashboard rule
A Rule that displays a banner using the Banners component

Code summary

You can customize Banners in:

Usage and props

<Banners limit={1} />

External packages used

The Banners component depends on these npm packages:

Did you find this page helpful?
React InstantSearch v6