---
title: Create a simple result list
slug: '2250'
canonical_url: https://docs.coveo.com/en/2250/
collection: coveo-for-sitecore-v5
source_format: adoc
---
# Create a simple result list
> **Legacy feature**
>
> The Coveo Hive Framework is now in maintenance mode and is no longer recommended for new implementations.
> 
> To build new search experiences, use one of Coveo's more modern, lightweight, and responsive libraries.
> To get started, see the [Build search](https://docs.coveo.com/en/2473/) article.

The Coveo Hive modularity enables you to create a vast variety of pages.
This page could also be put in a widget to be reused through your pages.

You can use a minimal set of components to create a page that only renders results and then improve it with small components according to your requirements.

**Example**

You could show the 5 latest articles or expose related content according to the current page title.

## Creating a simple result list

> **Important**
>
> The step-by-step below assumes that you have:
> 
> * decided upon a strategy as to the web pages that will share the following result list implementation and the location of the results list in those pages.
> * created a .cshtml layout file including a placeholder in which you'll insert the necessary Coveo for Sitecore components.

. Add the **Coveo Search Interface** and **Coveo Search Resources** Coveo renderings as Allowed Controls in the **Placeholder Settings**.

![Screenshot of Sitecore content tree showing the custom placeholder item and the two Coveo renderings in its Allowed Controls](https://docs.coveo.com/en/assets/images/c4sc-v5/placeholder-settings.png)

. In the Sitecore **Experience Editor**, add the **Coveo Search Resources** component to your page.

![Animation showing how to add the Coveo search resources rendering to the custom placeholder in the Experience Editor | Coveo](https://docs.coveo.com/en/assets/images/c4sc-v5/adding-coveo-resources.gif)

. Add the **Coveo Search Interface** component to your page with the **Modular Frame**.

![Screenshot of the Experience Editor showing the selection of the Modular Frame rendering to be added to the U I Content placeholder | Coveo](https://docs.coveo.com/en/assets/images/c4sc-v5/37103552.png)

. In the **Main Section** placeholder, add a **Results Section**.

![Screenshot of the Experience Editor showing the selection of the Results Section rendering to be added to the Main Section placeholder](https://docs.coveo.com/en/assets/images/c4sc-v5/37103550.png)

. In the **Results List** placeholder, add a **Coveo Results List** component.

![Screenshot of the Experience Editor showing the selection of the Coveo Results List rendering to be added to the Results List placeholder](https://docs.coveo.com/en/assets/images/c4sc-v5/37103549.png)

 .. Select or create a new data source for the Result List.
 .. To have a card layout instead of a list, edit the properties of the **Results List** and choose **Card** in the **Results Layout** field.
 .. In the **Result Template** placeholder, add a new **Result Template**.
 .. Select or create a new data source for the Result Template.

. Save the page.
. Go into **Preview** mode.
You should now have a simple list of results.

![Screenshot of the Sitecore preview mode showing the list of results | Coveo](https://docs.coveo.com/en/assets/images/c4sc-v5/37103551.png)

### Adding the Analytics component

Like in any search interface, if you want analytics, add the **Coveo for Sitecore Analytics** component.

. Click the **UI Header** placeholder.
. Add the **Coveo for Sitecore Analytics** component by selecting or creating a new data source.

### Changing the number of results

The number of results is driven by the **Coveo Search Interface** component data source item.

. In the **Experience Editor**, on the **Coveo Search Interface** component floating toolbar, select the **Edit the rendering's data source** option.
It should be the leftmost option on the floating toolbar.
. In the **Query Settings** section, set the number of results to display using the `Results Per Page` field.

> **Important**
>
> If you have the **ResultsPerPage** component, this setting will have no effect.

### Scoping the query and boosting results

There are several mechanisms you may use to filter the items displayed in your results list and promote specific items (see [Apply filtering and ranking rules](https://docs.coveo.com/en/2300/)).

## Improving the listing page

Here are some additional steps you can do to enhance this simple list.

### Customizing the result template

You can enhance the look of your result list by creating custom, smaller result template tailored to the content you want to show.
You can also include many template using template conditions to show different results depending on the retrieved content (see [Configure a new result template](https://docs.coveo.com/en/2173/)).

### Error report

The error report should always be included.
If something goes wrong with the query, this component shows the error details.

When you add a frame component in the **Coveo Search Interface** component, several placeholders are automatically added in the process.
You can insert the **Coveo Error Report** component inside several of these placeholders.
For example, the **Coveo Error Report** is set up as an allowed control on the **UI Header** placeholder.

If you want the component to silently be hidden when failing, don't include the error report.

### Search box

Even if it's a listing page, you can decide to include a simple search box.
Coupled with the [search-as-you-type](https://docs.coveo.com/en/2068/) feature, it can become a powerful side widget.

. In the **Experience Editor**, in the Coveo Search Interface **Main Section**, add a **Search Section**.
. In the **Searchbox** placeholder, add a `Coveo Searchbox` by selecting or creating a new data source for this Searchbox.

### Pager

You might want to allow your user to change the page of your result list (see [Add related controls](https://docs.coveo.com/en/2506#add-a-pager)).

### Tabs

You might want to provide many predefined results for your end user.
Tabs provide an easy way to switch between many configurations.