InstantSearch
/
React
/
V6
/
Guides
/
Overview
Jun 25, 2024
Components
Deprecated content
This documentation is for a deprecated version of React InstantSearch.
Some features and settings may be missing or their usage may have changed.
Refer to the documentation for the
latest version of React InstantSearch for up-to-date information.
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?
