# Listings search results page (Time-Based mode)

{% hint style="info" %} <mark style="color:blue;">Path: Homepage > All listing</mark>
{% endhint %}

* [Definition](#id-1.16.x-listingssearchresultspage-basicsolution-definition)
* [Create a search results page](#id-1.16.x-listingssearchresultspage-basicsolution-createasearchresultspage)
* [Read search results page](#id-1.16.x-listingssearchresultspage-basicsolution-readsearchresultspage)
  * [Map section](#id-1.16.x-listingssearchresultspage-basicsolution-mapsection)
    * [Understanding the map captions](#id-1.16.x-listingssearchresultspage-basicsolution-understandingthemapcaptions)
  * [Listings section](#id-1.16.x-listingssearchresultspage-basicsolution-listingssection)
  * [Alert section](#id-1.16.x-listingssearchresultspage-basicsolution-alertsection)
  * [Listings paging](#id-1.16.x-listingssearchresultspage-basicsolution-listingspaging)
* [Update search results page](#id-1.16.x-listingssearchresultspage-basicsolution-updatesearchresultspage)
  * [Map’s display](#id-1.16.x-listingssearchresultspage-basicsolution-mapsdisplay)
  * [Prices filter](#id-1.16.x-listingssearchresultspage-basicsolution-pricesfilter)
  * [Sorting tool](#id-1.16.x-listingssearchresultspage-basicsolution-sortingtool)
  * [Attributes filter](#id-1.16.x-listingssearchresultspage-basicsolution-attributesfilter)
  * [Header search bar](#id-1.16.x-listingssearchresultspage-basicsolution-headersearchbar)
* [Delete search results page](#id-1.16.x-listingssearchresultspage-basicsolution-deletesearchresultspage)
* [Related resources](#id-1.16.x-listingssearchresultspage-basicsolution-relatedresources)

## Definition <a href="#id-1.16.x-listingssearchresultspage-basicsolution-definition" id="id-1.16.x-listingssearchresultspage-basicsolution-definition"></a>

The search results page displays listings according to the user’s search criteria entered previously in the search bar.

<mark style="color:red;background-color:yellow;">WHO CAN USE THIS FEATURE?</mark>

All users

## Create a search results page <a href="#id-1.16.x-listingssearchresultspage-basicsolution-createasearchresultspage" id="id-1.16.x-listingssearchresultspage-basicsolution-createasearchresultspage"></a>

Users cannot create a search results page. These are automatically generated based on a user’s search criteria entered in the search bar.

## Read search results page <a href="#id-1.16.x-listingssearchresultspage-basicsolution-readsearchresultspage" id="id-1.16.x-listingssearchresultspage-basicsolution-readsearchresultspage"></a>

A search results page layout is illustrated hereafter (figure 1):

<figure><img src="/files/zGY3hSKaF3XefH9RXCDB" alt=""><figcaption><p>Figure 1</p></figcaption></figure>

### Map section <a href="#id-1.16.x-listingssearchresultspage-basicsolution-mapsection" id="id-1.16.x-listingssearchresultspage-basicsolution-mapsection"></a>

The map on the left side of the page is interactive. It generally uses Google Maps API (but can be replaced by another mapping tool according to the platform’s specifications).

Users can navigate on the map. Pins with the number of listings per location are displayed. Pins are grouped or ungrouped according to the displayed precision and zoom level.

#### Understanding the map captions <a href="#id-1.16.x-listingssearchresultspage-basicsolution-understandingthemapcaptions" id="id-1.16.x-listingssearchresultspage-basicsolution-understandingthemapcaptions"></a>

On the map, a black location pointer indicated where a listing is serviced (figure 1.1.1).

<figure><img src="/files/opwXJWu8fz0LyCoYKbWp" alt=""><figcaption><p>Figure 1.1</p></figcaption></figure>

When several listings are offered in the same geographical area, users will see a numbered coloured circle indicating the number of listings available in this area (figure 1.1.2). The search becomes more precise as a user zooms in.

<figure><img src="/files/tgf1Z8aBfc5slGqkhJGK" alt=""><figcaption><p>Figure 1.1.2</p></figcaption></figure>

By clicking a location pointer, the related listings' preview card will open (figure 1.1.3). A slider is available in the preview card should multiple listings be available on the pointer.

<figure><img src="/files/5Txd9rESatkruu9Hx5nj" alt=""><figcaption><p>Figure 1.1.3</p></figcaption></figure>

### Listings section <a href="#id-1.16.x-listingssearchresultspage-basicsolution-listingssection" id="id-1.16.x-listingssearchresultspage-basicsolution-listingssection"></a>

Listing preview cards are displayed on the right side of the search results. These listings match the user’s search criteria.

Clicking a listing preview card redirects the user in a new tab to the listing page.

Each listing preview card (figure 1.2) displays:

* The listing’s media elements
* The listing’s default based price per time unit
* The listing’s location (only the city)
* The listing’s title
* The listing’s rating (if at least 1 review was made on the listing)

<figure><img src="/files/PfVIobDSfuFfMNku02XB" alt=""><figcaption><p>Figure 1.2</p></figcaption></figure>

### Alert section <a href="#id-1.16.x-listingssearchresultspage-basicsolution-alertsection" id="id-1.16.x-listingssearchresultspage-basicsolution-alertsection"></a>

At the bottom of the search results page is an alert button “Get an alert when a new listing is posted” (figure 1.3.1). This button schedules a daily alert system to warn the user via e-mail each time a new listing matching his search criteria is published on the platform. Refer to the following documentation for more information: [Listing Alert management (Listing Alert feature)](/v2.0/front-office/search-result-pages/listing-alert-management-listing-alert-mode.md)

<figure><img src="/files/mzcWbxa1SDKU4XZA6T5j" alt=""><figcaption><p>1.3.1</p></figcaption></figure>

Clicking on the button will open a pop-up window that prompts the user to enter a title for this alert. To finalize alert creation, the user clicks “Create alert” (figure 1.3.2).

<figure><img src="/files/XevLI4MxVh0x6qANUVb3" alt=""><figcaption><p>1.3.2</p></figcaption></figure>

### Listings paging <a href="#id-1.16.x-listingssearchresultspage-basicsolution-listingspaging" id="id-1.16.x-listingssearchresultspage-basicsolution-listingspaging"></a>

Users can navigate through pages with the pagination buttons (figure 1.4) at the end of the page.

<figure><img src="/files/I76dCdGHP71wk7bFhQc2" alt=""><figcaption><p>Figure 1.4</p></figcaption></figure>

***

## Update the search results page <a href="#id-1.16.x-listingssearchresultspage-basicsolution-updatesearchresultspage" id="id-1.16.x-listingssearchresultspage-basicsolution-updatesearchresultspage"></a>

Users can update the search results page by modifying their search criteria through the search bar available in the header banner (figure 2.1).

A filter banner (figure 2.2) is also available to help users make more precise searches.

<figure><img src="/files/IwNjC90f7RhCaw8hYMNE" alt=""><figcaption><p>Figure 2.1</p></figcaption></figure>

<figure><img src="/files/z9G2K3vu6KygOGZld34T" alt=""><figcaption><p>Figure 2.2</p></figcaption></figure>

### Map’s display <a href="#id-1.16.x-listingssearchresultspage-basicsolution-mapsdisplay" id="id-1.16.x-listingssearchresultspage-basicsolution-mapsdisplay"></a>

The show map filter allows users to display or hide the map on the search result page.

By enabling (figure 2.1.1) or disabling (figure 2.1.2) the switch button it will determine the map’s display.

<figure><img src="/files/TaQ2DHuxzWcfPFAYpC3F" alt=""><figcaption><p>Figure 2.1.1</p></figcaption></figure>

<figure><img src="/files/VysKCQcieyzmX8bXvIlb" alt=""><figcaption><p>Figure 2.1.2</p></figcaption></figure>

### Prices filter <a href="#id-1.16.x-listingssearchresultspage-basicsolution-pricesfilter" id="id-1.16.x-listingssearchresultspage-basicsolution-pricesfilter"></a>

The prices filter allows the user to set a minimum and a maximum price for searched listings.

By clicking “Price”, a price card with a range field will appear (figure 2.1.3).

The range field is updated through a slider motion on both ends and validated through the “Apply” button. It will update the search results page to display only listings matching the selected price range.

<figure><img src="/files/8xO3uOjlYrepfOpvbH64" alt=""><figcaption><p>Figure 2.1.3</p></figcaption></figure>

### Sorting tool <a href="#id-1.16.x-listingssearchresultspage-basicsolution-sortingtool" id="id-1.16.x-listingssearchresultspage-basicsolution-sortingtool"></a>

The sorting tool (figure 2.3) offers 4 different sorting options:

* Recommended: it will sort listings based on a proprietary search algorithm that maximizes conversion rates
* Price: it will sort listings from the lowest to the highest price
* Distance: it will sort listings from the closest to the farthest
* Date created: it will sort listings from the most recent to the oldest

<figure><img src="/files/2zZUzqFfI96fRKQWqXuR" alt=""><figcaption><p>Figure 2.3</p></figcaption></figure>

### Attributes filter <a href="#id-1.16.x-listingssearchresultspage-basicsolution-attributesfilter" id="id-1.16.x-listingssearchresultspage-basicsolution-attributesfilter"></a>

The attributes filter (figure 2.4) helps users make even more accurate searches.

Users can select/fill out the desired attributes.

According to the platform’s configuration, each attribute is linked to one or several categories: [Listings attributes management](/v2.0/superadmin/listings/listings-attribute-management.md)

{% hint style="info" %} <mark style="color:blue;">Available attributes depend on the category selected by the offeror and configurated by the platform’s administrator.</mark>
{% endhint %}

<figure><img src="/files/7Gd8EC97312a4JqCzMIo" alt=""><figcaption><p>Figure 2.4</p></figcaption></figure>

### Header search bar <a href="#id-1.16.x-listingssearchresultspage-basicsolution-headersearchbar" id="id-1.16.x-listingssearchresultspage-basicsolution-headersearchbar"></a>

The main search criteria are entered in the search bar on the homepage: [Vendor Homepage - Search](https://features.scnd.com/v2.0/front-office/search-result-pages/pages/j408ofn9tasE3TFcGqJM#id-1.16.x-homepage-basicsolution-searchbar), [Custome Homepage - Search](https://features.scnd.com/v2.0/front-office/search-result-pages/pages/feSB3mgDIfY616Lvofu0#id-1.16.x-homepage-basicsolution-searchbar)

A search bar containing the previously entered search criteria is available on the search results page in the page header. Refer to the following documentation for more information: Listings search results page (Basic solution) -&#x20;

## Delete search results page <a href="#id-1.16.x-listingssearchresultspage-basicsolution-deletesearchresultspage" id="id-1.16.x-listingssearchresultspage-basicsolution-deletesearchresultspage"></a>

Users cannot delete anything on the search result page.

## Related resources <a href="#id-1.16.x-listingssearchresultspage-basicsolution-relatedresources" id="id-1.16.x-listingssearchresultspage-basicsolution-relatedresources"></a>

**SBO :**

* [Listings attributes management](https://second-documentation.atlassian.net/wiki/spaces/SCNDFD/pages/6988891287)

**Front :**

* &#x20;[Vendor Homepage - Search](https://features.scnd.com/v2.0/front-office/search-result-pages/pages/j408ofn9tasE3TFcGqJM#id-1.16.x-homepage-basicsolution-searchbar)
* [Custome Homepage - Search](https://features.scnd.com/v2.0/front-office/search-result-pages/pages/feSB3mgDIfY616Lvofu0#id-1.16.x-homepage-basicsolution-searchbar)
* [Listings search results page (Basic solution) - Update search results page](#id-1.16.x-listingssearchresultspage-basicsolution-updatesearchresultspage)
* [Listing Alert management (Listing Alert Feature)](/v2.0/front-office/search-result-pages/listing-alert-management-listing-alert-mode.md)

**Business rules:**

* [Time-Based rendering type - Business rules](/v2.0/core-concepts/time-based-rendering-type.md)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://features.scnd.com/v2.0/front-office/search-result-pages/listings-search-results-page-time-based-mode.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.