Integrations / Shopify

Since December 31, 2023, apps can’t modify the code of Shopify themes. For more information, see The Asset API resource in the Shopify documentation. As an alternative, the Algolia AI Search and Discovery app comes with Shopify App Embed and App Blocks to integrate Autocomplete and InstantSearch. To get started, see Quickstart and Algolia configuration.

Algolia AI Search & Discovery includes a search results page powered by InstantSearch. It replaces your default Shopify search results page and comes with several InstantSearch widgets.

InstantSearch results page with widgets for filtering by price range or vendor and products displayed as cards

Enabling the InstantSearch results page

To enable the InstantSearch results page:

  1. Add the Algolia Search App Embed to your theme
  2. Add Algolia App Blocks. App Embed must first be enabled before the App Block will work.

Configuration

To configure the InstantSearch page, go to the Search options tab in your Shopify app.

InstantSearch configuration screen in the Shopidy admin

Advanced customization

You can use custom hooks for advanced customization.

Facet display

This feature is being progressively released. It’s currently a beta feature according to the Algolia Terms of Service (“Beta Services”). If you need access sooner, contact Algolia support

Algolia AI Search & Discovery supports facet display to manage facet ordering from the Algolia dashboard.

Algolia hasn’t previously supported this feature in the Shopify integration. With the latest App Blocks release, however, it’s available in beta.

Once activated, a checkbox lets you opt into the beta.

Facet Display checkbox in the Algolia Shopify admin

After checking this box and clicking Save, Algolia maps your existing collection facet rules from the app to your indices.

Two types of rules are created: the first with the shopify_default_collection context, which applies to collection pages that aren’t customized.

Facet display rule in the Algolia index

The second type of rule is for a collection page. It has two triggers: the collection’s handle and its ID.

Facet display rule in the Algolia index

To change the facet display for collection pages, edit the rule in the Algolia dashboard.

Facet Display rule in the Algolia dashboard

To change the facet display for search pages, edit it in the Algolia dashboard. For example:

Facet Display setting in the Algolia dashboard

Deactivating this feature will remove these facet display rules from your Algolia dashboard. They will remain in your Shopify admin so you can reactivate them later.

Did you find this page helpful?