User Guide

Search limit to:





Search page

by Admin on Jul 04, 2024

1. What is a Search page?

The search page is the page that displays the search bar and relevant results after a customer uses your store's search function. It allows your customers to easily find specific products, collections, or information on your website.

The Search page

2. How to set up the Search page?

a) How to customize the Search page layout?

Step 1: In your Shopify admin, go to Online Store > Theme

Step 2: On the theme you want to edit, click Customize.

Step 3: Navigate to the Search page by choosing Search from the dropdown menu.

Navigate to Search page in the Theme Editor

Step 4: Customize how your Search page looks by:

  • Click on the Search results section & make adjustments. (for more detailed instructions, continue reading the below guidance)
  • Add new sections & new blocks inside the section.

Step 5: Click Save.

b) How to enable the Filters tool?

To add filters to your collection and search results pages, you need to install an app from the Shopify App Store.  If you:

  • Use the Shopify Search & Discovery app (recommended). Follow the guidelines here.
  • Use a different app, please check its documentation for instructions.

c) How to change the Desktop Filter layout?

Step 1: 

In your Theme Editor, go to the Search page (As guided above), and click on the Search results section under Template.

Step 2:

In the new panel that appears, under Desktop Filter Layout, Eurus has 3 cool styles to choose from! You can freely “pick a new outfit” for your filters!

Choose a desktop filter layout

 

Style 1: DRAWER
Style 2: ASIDE
Style 3: ABOVE

 

Step 3: (optional)

Check the box Expand all filters by default to always show all the filter options without your customers having to click anything.

📍 Note: This setting only applies to the Drawer and Aside filter layout.

Step 4: Once you’re happy with your result, click Save

d) How to customize the look of Product Cards on the search page?

Go to Theme Editor > Search page > Search results section under Template.

In the new panel that appears, under the Product card, you can customize them to show exactly the information you want:

Product card setting

e) How to customize the look of Blog cards on the search page?

Go to Theme Editor > Search page > Search results section under Template.

In the new panel that appears, under the Blog card, control your blog's search results with a few clicks

Blog card

f) How to change the Pagination style?

Go to Theme Editor > Search page > Search results section under Template.

In the new panel that appears, under the Pagination, choose one among 2 styles: Circle and Underline.

Pagination style