Integrations / Platforms / Shopify / Collection Search Page
Aug. 19, 2019

Collection Search Page

Algolia for Shopify also ships with the possibility of enhancing your current collection pages with real-time search capabilities.

Collection search pages list products from a collection (they are normally found under the /collection/<collection-name> URL)

Not to be confused with Collection indexing, the Collection search page feature is about using InstantSearch on your store’s collection pages.

Pricing considerations for Algolia on Collection Pages

This feature is available starting with the Pro plan.

Further consideration

When you modify a collection, all the products that it contains are re-indexed. Therefore, enabling this feature will increase the number of operations related to your Algolia account.

Please be sure that your plan is suitable for an increase of operations.

Enable Algolia on Collection Pages

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

The Collection pages enable screen in the Shopify admin

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

The Collection pages reindexing screen in the Shopify admin

Once the re-indexing 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

CSS selector

This marks the selector that targets the current search block on the Collection pages.
The default value might not match your theme, so you may need to change it. Another option is to add the .algolia-shopify-instantsearch class to the DOM element you want to replace.

This setting applies only for your Collection pages, not the search results page. Therefore, they can be completely different.
To configure the selector for search results page, please see the Search options.

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, we create a new index which 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 our 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 our visual merchandizing 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.

We have a full guide on faceting if you want more information.

Disable Algolia on Collection Pages

The Collection pages facets settings in the Shopify admin

To disable 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?