InstantSearch
/
React
/
V6
/
Guides
/
Overview
Feb. 12, 2024
Components
This version of React InstantSearch has been deprecated in favor of the latest version of React InstantSearch.
Each UI template comes with a set of functional blocks (“components”) and a demo site consisting of pages created with those components. For example, the Ecommerce UI template’s demo site has:
- A home page
- Product listing pages
- Product detail pages.
These pre-packaged components are designed to be as independent as possible, so you can choose the ones you’re interested in. They’re typically composed of InstantSearch widgets, Autocomplete plugins, and non-Algolia components.
The Ecommerce UI template components are fully responsive, and all components are optimized to render well on both mobile and desktop devices.
Home page
| Component | Description |
|---|---|
| Showcase | Organizes media-rich records into easily scannable rows |
Product listing page
Display
| Component | Description |
|---|---|
| Display products | Display multiple products using different layouts (as a grid or list) and load previous or next product pages |
| Product card | Map your record structure so that you can display a product card |
| Banners | Display banners using custom data (and currently applied Rules) |
| No results | Display different options to users when there are no results for a specific search |
Filtering and navigation
| Component | Description |
|---|---|
| Filters and refinements | Filter results with a sidebar |
| Refinement widgets | Filter product results with facets |
| Sort | Sort products according to different criteria |
| Breadcrumb | See product category hierarchies at a glance |
Did you find this page helpful?
