• Guides
  • API Reference
  • Integrations
  • FAQ

Algolia Guides

Become an Algolia expert. Get answers about what it can do for you and understand how it works.

Home

Getting started

Sending and managing data

Managing results

Building Search UI

Building Search UI

Building Search UI

Building Search UI

Building Search UI

Building Search UI

Getting insights and analytics

Security

Going to production

Scaling

API Clients

PHP

Ruby

JavaScript

Python

iOS

Kotlin

Android

.NET

Java

Golang

Scala

InstantSearch Widgets

InstantSearch.js

React InstantSearch

Vue InstantSearch

Angular InstantSearch

iOS InstantSearch

Android InstantSearch

API Parameters

Index settings and search parameters

REST API

A full reference of API Endpoints

Algolia Integrations

Discover how to integrate and adapt Algolia's technology into popular frameworks and platforms.

Frameworks

Rails

Symfony

Django

Laravel

Platforms

Magento 1

Magento 2

WordPress

Shopify

Can I use DoubleClick for Publisher (DFP) with Algolia? Can I use Omniture with Algolia? Can I continue to renew my legacy plan contract with the same terms? Can I use my Algolia account with multiple domains, sites or applications? Do I need to display the Algolia logo when I am on the Free plan ? Do you offer a Sandbox for development and a staging environment? Does Algolia provide a free trial? How does Algolia count records and operations? How does billing work? How can I add people to my team? And manage their authorizations?
  • Home
  • API Reference
    • API Clients
      • PHP
      • Ruby
      • JavaScript
      • Python
      • iOS
      • Kotlin
      • Android
      • .NET
      • Java
      • Golang
      • Scala
    • InstantSearch Widgets
      • InstantSearch.js
      • React InstantSearch
      • Vue InstantSearch
      • Angular InstantSearch
      • iOS InstantSearch
      • Android InstantSearch
    • API Methods
    • API Parameters
    • REST API
  • Integrations
    • Frameworks
      • Rails
      • Symfony
      • Django
      • Laravel
    • Platforms
      • Magento 1
      • Magento 2
      • WordPress
      • Shopify
  • FAQ
  • Getting started
    • How Algolia works
    • Quick start
  • Sending and managing data
    • Format and structure your data
    • Send and update your data
    • Manage your indices
    • Manage your application environment
  • Managing results
    • Relevance overview
    • Must do
      • Searchable attributes
      • Custom ranking
    • Refine results
      • Sorting results
      • Filtering
      • Grouping results
      • Merchandising and promoting items
      • Geo location
    • Optimize search results
      • Synonyms
      • Detecting intent with Query Rules
      • Typo tolerance
      • Handling natural languages
      • Empty or insufficient results
      • Improve results with analytics
      • Override engine defaults
      • Troubleshooting relevance
  • Building Search UI
    • What is Android InstantSearch?
    • What is Angular InstantSearch?
    • What is iOS InstantSearch?
    • What is InstantSearch.js?
    • What is React InstantSearch?
    • What is Vue InstantSearch?
    • Getting started
    • Getting started
    • Getting started
    • Getting started
    • Getting started
    • Getting started
    • Installation
    • Installation
    • Installation
    • Installation
    • Installation
    • Installation
    • Upgrade guide for InstantSearch Android
    • Upgrade guides
    • Upgrade guide for InstantSearch iOS
    • Upgrade guides
    • Upgrade guides
    • Upgrade guides
    • Widgets
      • Widgets showcase
      • Widgets showcase
      • Widgets showcase
      • Widgets showcase
      • Widgets showcase
      • Widgets showcase
      • Customize an existing widget
      • Customize an existing widget
      • Customize an existing widget
      • Customize an existing widget
      • Customize an existing widget
      • Customize an existing widget
      • Create your own widgets
      • Create your own widgets
      • Create your own widgets
      • Create your own widgets
      • Create your own widgets
      • Create your own widgets
    • Going further
      • Conditional display
      • Conditional display
      • Conditional display
      • Conditional display
      • Conditional display
      • Conditional display
      • API keys/security
      • API keys/security
      • API keys/security
      • API keys/security
      • API keys/security
      • API keys/security
      • Routing URLs
      • Routing URLs
      • Routing URLs
      • Routing URLs
      • Integrate Google Analytics
      • Integrate Google Analytics
      • Integrate Google Analytics
      • Integrate Google Analytics
      • Integrate Google Analytics
      • Improve performance
      • Improve performance
      • Improve performance
      • Improve performance
      • Improve performance
      • Improve performance
      • Conditional requests
      • Conditional requests
      • Conditional requests
      • Conditional requests
      • Native
      • Native
      • Native
      • Native
      • Back-end search
      • Back-end search
      • Back-end search
      • Back-end search
      • Back-end search
      • Back-end search
      • Server-side rendering
      • Server-side rendering
      • Server-side rendering
      • Server-side rendering
    • Resources
      • UI and UX patterns
      • UI and UX patterns
      • UI and UX patterns
      • UI and UX patterns
      • UI and UX patterns
      • UI and UX patterns
      • Demos
      • Demos
      • Demos
      • Demos
      • Demos
      • Demos
      • InstantSearch Labs
      • InstantSearch Labs
      • InstantSearch Labs
      • SEO-ready search experience checklist
  • Getting insights and analytics
    • Search analytics
      • Out-of-the-box analytics
      • Click-through and conversion analytics
      • Analytic metrics and reports
    • Personalization
      • Personalization
    • Leveraging analytics data
      • A/B testing
      • Query Suggestions
  • Security
    • API keys
    • Security best practices
  • Going to production
    • Implementation checklist
    • Case study for an online clothing company
  • Scaling
    • Servers and clusters
    • Distributed Search Network (DSN)
    • Multi-Cluster Management (MCM)
    • Scaling to larger datasets
Algolia.com Glossary Dashboard
Concepts / Building Search UI / Demos
Jul. 30, 2019

Demos

Edit this guide
On this page
  • 1. E-commerce
  • 2. Media
  • 3. Default Theme

You are reading the documentation for Angular InstantSearch v3, which is in beta. You can find the v2 documentation here.

E-commerce# Found an issue? Edit this guide

e-commerce demo

View demo | View source code | View dataset#

Media# Found an issue? Edit this guide

media demo

View demo | View source code | View dataset#

Default Theme# Found an issue? Edit this guide

default-theme demo

View demo | View source code | View dataset#

Did you find this page helpful?

© Algolia - Privacy Policy

Angular InstantSearch v3
Android InstantSearch v2
Angular InstantSearch v3
iOS InstantSearch v5
InstantSearch.js v3
React InstantSearch v5
Vue InstantSearch v2

On this page

  • E-commerce
  • Media
  • Default Theme
Support Need help?
Angular InstantSearch v3
Android InstantSearch v2
Angular InstantSearch v3
iOS InstantSearch v5
InstantSearch.js v3
React InstantSearch v5
Vue InstantSearch v2