Customizing the display of your search results page

Product Filter & Search allows you to customize how relevant results are displayed on the search results page. The app also lets you include any additional collections, blog posts, and pages you want to show on the page.

Moreover, since we understand that “no results” search pages are both frustrating for both store owners and online shoppers, the app can help you set up some advanced search solutions. Instead of returning an empty “ nothing found” screen, the search results page can recommend related products or content that your customers might be interested in. 

This tutorial can help you grasp how our search features will work on your search results pages!

On this page

Customize displayed items on your search results page

When there truly are products and content that match your customer’s search queries, our app lets you display any additional collections, blog posts, and pages you want to show on the search results page, besides relevant products.

To customize the display of relevant products and other content on your search results page:

1. From the app’s admin, go to Search > Search page display.
2. Go to the Search page with results tab.
3. Under the Display results of products heading, in the Label field, fill in how you want the title of this section to appear on your storefront.
4. Switch on the following buttons of components that you want to display on your search results page:
- Display results of collections: Toggling on this button will add relevant collections to the page. You can edit how this section will appear on your storefront in the Label field; decide how many collections will be displayed in the Number of results per page field. Select Display collection image and Display collection description based on your needs.
- Display results of blog posts/pages: When enabled, your search results page will include relevant blog posts and pages. You can edit how this section will appear on your storefront in the Label field; decide how many blog posts/pages will be displayed in the Number of results per page field. Select Display blogs & pages images and Display blog posts & pages excerpt to your liking. 
5. Click Save Settings.
Note: 
- You can display up to 25 collections/blog posts/pages to on the search results page.
- The limit of a collection description/blog post description excerpt is 264 characters.
-  All these search results are automatically suggested based on the algorithm of our app.

Customize the display of “no results” search pages

When your search engine cannot return any relevant results, you can set up some solutions with our app, so that your “no results” search pages can show some kind of results. 

To point every customer in a direction to discover something they might be interested in when they land on a “no results” search page:
1. From the app’s admin, go to Search > Search page display.
2. Go to the Search page without result tab.
3. In the No result message field, fill in the message that suits your store the best.
4. Switch on the following buttons of components that you want to display on "no results" search pages:
Display search tips: When enabled, the page will show a custom message that prompts customers to search again or offers any potential next steps to follow. You can edit the title of this section in the Title field, and enter the advice in the Search tips field.
- Display search term suggestions: When enabled, the search engine will show the 10 most highly suggested terms based on your store data. You can edit how this section will appear on your storefront in the Label field and select either Display search term suggestions based on your store data or Add search terms manually in the Search term list section.
Note: Make sure you add at least 1 search term suggestion when selecting this option to avoid the No result message.
- Display most popular products: When enabled, you can show up to 10 products on "no results" search pages. You can edit how this section will appear on your storefront in the Label field. In the Product list section, select Display best-selling products based on your store data to display the top 10 best-sellers in your store based on your store data. Or you can select Add products manually to show the top 10 product recommendations of your choice.
5. Click Save settings.
Note: When there is no data available to display the top 10 suggested terms and 10 best-selling products, we will hide the corresponding components. In these cases, we recommend you add them manually.