Guides / Building Search UI / Ecommerce ui template

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:

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 and/or 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?
React InstantSearch v6