Integrations / Shopify

From December 31, 2023, Algolia’s Search and Discovery application can’t modify the coding of Shopify themes. For more information, refer to Shopify’s Asset API documentation. As an alternative, Algolia offers Shopify’s App Embed and App Blocks features for Autocomplete and InstantSearch interfaces. For more information, refer to the Quick start and Shopify Algolia configuration documentation.

With the Algolia Search and Discovery app for Shopify, you can enhance your collection pages with real-time search.

Collection search pages list products from a collection. Usually, they have URLs with the following pattern: /collection/<collection-name>.

When you modify a collection, all products from the collection are reindexed. Enabling the collection search feature increases the number of indexing operations.

Shopify’s /collections/all Page

Shopify automatically creates a page at /collections/all that lists all your products. To enable InstantSearch on this collection list page, you must create a collection called all in the Shopify Admin.

Turn on Algolia on collection pages

You can enable Algolia on your Collections in one click. To get started, go to the Collection pages tab and click Enable.

The Collection pages enable screen in the Shopify admin

Once the feature is enabled, all your products and collections will be reindexed to ensure that all required data is available.

The Collection pages reindexing screen in the Shopify admin

Once the reindexing is done, InstantSearch will be enabled on your Collection pages. You can now configure how it behaves.

Configure Algolia on collection pages

The Collection pages display settings in the Shopify admin

Enabling the InstantSearch on collection pages

To enable the InstantSearch collections pages:

  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.

Products to be displayed

The number of products to show per page for your collections.

Sort orders

In this section, you can choose which sort orders you want to activate for your collections, how you want to call them, and which ones you want to display first.

The Collection pages sort orders settings in the Shopify admin

Ranking happens at indexing time. This means that for each sort order, a new index is created that contains as many records as the main one.
Please make sure that an increased record count won’t exceed your plan’s quota.

You can read the full guide on sorting for more detail.

On the Collection pages, the manual order defined in the Shopify admin won’t apply.
To customize the order, you can use the visual merchandising tool.

Facets

In this section, you can choose which facets to activate for your collections, how you want to call them, and which ones you want to display first.

The Collection pages facets settings in the Shopify admin

Facets are primarily used to refine searches.

Turn off Algolia on collection pages

The Collection pages facets settings in the Shopify admin

To turn off Algolia on Collection pages, head to the section at the bottom of the page and click Disable. Your Collection pages will revert to their default layout, and InstantSearch will no longer show up.

Did you find this page helpful?