Filter & Search

Filter & Search helps customers quickly find products on your storefront using filters, sorting, and keyword search. The feature is designed to improve product discovery and create a faster shopping experience across collection pages and search pages.

The feature includes:

1. Filter

2. Search

3. Analytics

Activate Filter & Search

Before using the feature, you need to activate the app embed in your Shopify theme.

To get started:

1. Open the app

2. Go to Filter & Search

3. Enable the feature

4. Activate the app embed in the Shopify theme editor

5. Save the settings

Once activated, Filter & Search widgets will appear on your storefront.

1. Filter

The Filter feature allows customers to narrow down products on collection pages and search result pages using filter options such as Category, Vendor, Product type, Price, Stock status, Product options, and more.

Instead of browsing through large product lists, customers can quickly find matching products by selecting relevant filter values.

1.1 Filter Trees

A Filter tree is a group of filter options applied to selected collections or the search result page.

Every store automatically includes a Default Filter tree that applies to all collections and the search result page. You can edit the filter options inside the Default Filter tree, but it cannot be renamed, deleted, or disabled.

You can also create custom Filter trees for specific collections. For example, a clothing collection can display Size and Color filters, while a shoe collection can display Shoe size and Heel height filters.

1.2 Create a Filter Tree

To create a new Filter tree:

1. Go to Filter > General

2. Click Add filter tree

3. Enter a filter tree name

4. Select the collections where the filters should appear

5. Add filter options

6. Save the filter tree

Once saved, the Filter tree will immediately appear on the assigned storefront pages.

1.3 Filter Options

Filter options can be created from multiple sources, including Collection, Category, Vendor, Product type, Tag, Locations, Product option, Price, Percent sale, and Stock status.

Each source can only be added once within the same Filter tree.

The app supports multiple display types, including Checkbox, Radio, Box, and Range slider. Checkbox allows customers to select multiple values, while Radio only allows one value to be selected. Range slider is commonly used for price filters.

You can also drag and drop filter options to change their display order on the storefront.

1.4 Filter Logic

The app uses AND logic between different filter options and OR logic within the same filter option.

For example:

• Category = Sneakers

• Size = 42

The result will only display sneaker products available in size 42.

If customers select:

• Color = Red

• Color = Blue

The result will display products that are either red or blue.

As customers apply filters, the product list and product count update automatically on the storefront.

1.5 Sorting

Customers can sort products directly on collection pages and search result pages using sorting options such as Best selling, Product title A–Z, Product title Z–A, Price low to high, Price high to low, Newest, and Oldest.

The first sorting option in the list becomes the default sorting method shown on the storefront.

2. Search

The Search feature provides standard keyword-based search across your storefront.

When customers type in the search bar, the app searches across enabled searchable fields and returns matching results instantly. The search system is case-insensitive and automatically ignores unnecessary spaces and special characters.

2.1 Search Relevance

Search relevance controls how search results are ranked.

You can enable or disable searchable fields and rearrange their priority order using drag and drop. Supported searchable fields include Product title, Vendor, Product type, Product tag, Product option, Description, Collection title, and SKU.

Fields placed higher in the list will have higher search priority.

Search ranking is based on:

• Field priority

• Exact keyword matching

• Partial keyword matching

For multi-keyword searches, results matching all keywords will appear before partial matches.

2.2 Instant Search Widget

The Instant Search widget displays matching results while customers are typing in the search bar.

Depending on your settings, the widget can display:

• Products

• Collections

• Blogs & Pages

• Popular search suggestions

Matching products are displayed together with product image, product title, and price to help customers quickly find products without leaving the current page.

2.3 Popular Search Suggestions

The app supports both automatic and manual search suggestions.

Automatic suggestions use store search data from the last 30 days to display popular keywords related to the customer’s search.

Manual suggestions allow you to add custom keywords such as “Summer dress” or “Autumn shoes” to guide customers toward important products or collections.

2.4 Recommended Products

When no matching search results are found, the app can display recommended products to help customers continue shopping.

Recommended products can either be generated automatically using best-selling product data or selected manually.

This helps reduce empty search experiences and improve product discovery.

2.5 Search Result Page

The app can create a custom Search result page to replace the default Shopify search page.

When customers click “View all” from the Instant Search widget or press Enter after searching, they will be redirected to the Search result page.

The Search result page can display:

• Products

• Collections

• Blogs & Pages

• Filters

• Sorting

Filters and sorting only apply to product results.

If no results are found, the page can display suggested keywords and recommended products depending on your settings.

3. Analytics

Analytics helps track how customers use filters and search on your storefront.

You can monitor:

• Most searched keywords

• Keywords with no results

• Most used filters

• Popular filter combinations

This data helps improve search relevance, optimize filtering strategies, and better understand customer shopping behavior.

Storefront Experience

On desktop storefronts, filters appear on the left side while products appear on the right side. Sorting options are displayed at the top right of the page.

As customers apply or remove filters, the product list updates automatically. Filter values with no matching products are automatically hidden to keep the filtering experience clean and relevant.

On mobile devices, the Filter tree becomes a sticky filter layout for easier navigation.

Tips

To create a better storefront experience:

• Keep filter trees simple and easy to understand

• Place important filter options near the top

• Prioritize searchable fields customers use most often

• Enable suggestions to improve product discovery

• Review Analytics regularly to optimize search performance