Search page

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.

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.

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!

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.

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:

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

f) How to set up the Pagination?

📌 How to choose type of pagination:

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

In the new panel that appears, under the Pagination setting, you have 3 options to choose from:

1. Pagination (Default): This is the normal way to see products. Customers can click on numbers to go to different pages.
2. Infinite scroll: This is like a never-ending page. When you scroll to the bottom, more products will appear automatically.
3. Click to load: You'll see a button that says "Load more." Click it to see more products.

Which one should you choose?

• Infinite scroll is good if you want to show lots of products quickly, without requiring your customers to do any more actions.
• Click to load is good if you want to control how many products your customers see at a time. And let them control.
• Pagination (Default) is always a good choice if you're not sure.

📌 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.