# Show a Listing (Time Based)

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

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

Listing pages are the public interfaces displaying services' detailed information. These pages also allow users to book said services.

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

All users

## Create a listing <a href="#id-1.16.x-listingpage-basicsolution-createalisting" id="id-1.16.x-listingpage-basicsolution-createalisting"></a>

Offerors are the only user types who can create listings. Askers cannot create listings.

The listing creation process is described in the article Service solution: [Create a listing.](https://app.gitbook.com/o/azXNS7QsS7i7yvHBE0Vd/s/n4EIoqjZx1xWQIo6LnjB/~/changes/63/v2.0/front-office/rendering-types/commoditized-rendering-types/listing-deposit-all-rendering-types)

## Read a listing page <a href="#id-1.16.x-listingpage-basicsolution-readalistingpage" id="id-1.16.x-listingpage-basicsolution-readalistingpage"></a>

When a user clicks the listing preview card, the listing’s detailed information will be displayed in a new tab.

Each listing page follows the same structure.

## Main body <a href="#id-1.16.x-listingpage-basicsolution-mainbody" id="id-1.16.x-listingpage-basicsolution-mainbody"></a>

The main body is structured as followed:

## Information section <a href="#id-1.16.x-listingpage-basicsolution-informationsection" id="id-1.16.x-listingpage-basicsolution-informationsection"></a>

* Listing title (figure 1):

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

* Location (figure 2).

The location indicates where the service will be rendered.

<figure><img src="/files/44TzKVWCDCnCMIMcWGs9" alt=""><figcaption><p>Figure 2</p></figcaption></figure>

* “Favorites” icon (figure 3):

<figure><img src="/files/BLH1rUq3iPSWf3e1rpg6" alt=""><figcaption><p>Figure 3</p></figcaption></figure>

* Breadcrumb (figure 4) gives users information on the platform’s internal navigation path.

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

* The menu (figure 5) summarizes the listing’s structured information. Users can directly access a section by clicking one of the menu’s sections.

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

## Media section <a href="#id-1.16.x-listingpage-basicsolution-mediasection" id="id-1.16.x-listingpage-basicsolution-mediasection"></a>

The media section (figure 6.1) displays the media elements related to the listing.

<figure><img src="/files/JjGVohXHSETSPwUEUvqh" alt=""><figcaption><p>6.1</p></figcaption></figure>

Supported media formats are files (pdf), images (jpg, png, gif), videos (youtube URLs).

Videos from the media section are youtube videos available directly on your platform to ensure maximum user retention and avoid external redirections (figure 6.2).

{% hint style="info" %} <mark style="color:blue;">Users must consent to cookies to be able to watch videos. If they do not consent, videos will not be readable.</mark>
{% endhint %}

<figure><img src="/files/Ry2qMll2lkSE9HDs2BVc" alt=""><figcaption><p>Figure 6.2</p></figcaption></figure>

## Description section <a href="#id-1.16.x-listingpage-basicsolution-descriptionsection" id="id-1.16.x-listingpage-basicsolution-descriptionsection"></a>

The description block (figure 6) displays additional textual information about a listing.

<figure><img src="/files/4NSWrjXty5CmU7iPkXfE" alt=""><figcaption><p>Figure 7</p></figcaption></figure>

## Option section <a href="#id-1.16.x-listingpage-basicsolution-bookingpolicysection" id="id-1.16.x-listingpage-basicsolution-bookingpolicysection"></a>

The "Options" section presents the available upgrades that users can add to their booking.

<figure><img src="/files/Dd9Mg7U7MX25IRIUxDdj" alt=""><figcaption></figcaption></figure>

## Booking policy section <a href="#id-1.16.x-listingpage-basicsolution-bookingpolicysection" id="id-1.16.x-listingpage-basicsolution-bookingpolicysection"></a>

The booking policy section (figure 8) displays information about the cancellation rules and refund rates applied depending on the cancellation date. This information is automatically set according to the offeror’s cancellation policy choice.

<figure><img src="/files/2wnzTgICFEeivNXcmPKa" alt=""><figcaption></figcaption></figure>

## About the Offeror section <a href="#id-1.16.x-listingpage-basicsolution-offerorsection" id="id-1.16.x-listingpage-basicsolution-offerorsection"></a>

The offeror section (figure 9) displays the following information regarding the listing offeror:

* Certified information of the offeror
* 2 buttons:
  * *“My profile*” button to redirect a user to the offeror’s dedicated profile page.

    <figure><img src="/files/oImBwtgl6jTDB1waYAZQ" alt=""><figcaption><p>FIgure 9.1</p></figcaption></figure>
  * “*Contact me*” button to send the offeror a message through the platform’s internal messaging system.

    <figure><img src="/files/ZzEfVCfCAO3hGozESKou" alt=""><figcaption><p>FIgure 9.2</p></figcaption></figure>

    <figure><img src="/files/c5QqjOFIJ2oYBUXXyCyS" alt=""><figcaption></figcaption></figure>

## Location section <a href="#id-1.16.x-listingpage-basicsolution-locationsection" id="id-1.16.x-listingpage-basicsolution-locationsection"></a>

The locations section displays a map (figure 10) which indicates either the listing’s rendering location or an intervention area. Users can navigate through the interactive map through the use of standardized commands (zoom in, out, drag and click).

A blue circle may sometimes be displayed instead of an exact location. This indicates the listing’s rendering/intervention area as a protection/security measure.

<figure><img src="/files/nB4J6zL9LgARkIT19GOt" alt=""><figcaption><p>Figure 10</p></figcaption></figure>

## Calendar section <a href="#id-1.16.x-listingpage-basicsolution-calendarsection" id="id-1.16.x-listingpage-basicsolution-calendarsection"></a>

The listing’s availabilities (figure 11) are displayed at the bottom of the listing page under the calendar section. An intuitive colour code is used to visually give availability information at a glance:

* Red: the listing is not available
* Green: the listing is available

Users can change the calendar view from a daily view to a weekly view. Users can also navigate through the calendar by using the top-right arrows.

<figure><img src="/files/7oEtnPEwuzFygb3B3WQv" alt=""><figcaption><p>Figure 11</p></figcaption></figure>

## Similar listings section <a href="#id-1.16.x-listingpage-basicsolution-similarlistingssection" id="id-1.16.x-listingpage-basicsolution-similarlistingssection"></a>

The similar listing section (figure 12) provides a selection of other listings that might be of interest to the user.

This section encourages users to stay longer on the platform by providing alternatives to a given listing. This may increase the chances of finding the right match and conversion rates.

<figure><img src="/files/qEnYx2I44fOEXb282kHa" alt=""><figcaption><p>Figure 12</p></figcaption></figure>

## The booking block <a href="#id-1.16.x-listingpage-basicsolution-thebookingblock" id="id-1.16.x-listingpage-basicsolution-thebookingblock"></a>

The booking block is related to the booking action. This block is anchored to the page and always remains visible while scrolling through the listing page.

The booking block displays by default the booking’s base price. The following information is managed through this block:

### The listing’s total price (figure 13.1).

{% hint style="info" %} <mark style="color:blue;">The listing’s preview card available in the search results displays the listing’s default price.</mark>

<mark style="color:blue;">Prices may vary according to the offeror’s pricing rules and selected dates.</mark>
{% endhint %}

<figure><img src="/files/nWPvuJTsYPdXafiNZxGa" alt=""><figcaption><p>Figure 13</p></figcaption></figure>

### Requested service dates (figure 14).

Users select the start date (and time if applicable ) and the end date (or time if applicable) for the booking request. The selectable dates depend on the listing’s availabilities.

<figure><img src="/files/XOk27RqZ0FssgTTCgqYo" alt=""><figcaption><p>Figure 14</p></figcaption></figure>

* The “Book now” button (figure 15) initiates the booking request process for the previously entered dates and conditions.

<figure><img src="/files/oAprJRoLmXXL4F2lZmN2" alt=""><figcaption><p>Figure 15</p></figcaption></figure>

***

## Update listing page <a href="#id-1.16.x-listingpage-basicsolution-updatelistingpage" id="id-1.16.x-listingpage-basicsolution-updatelistingpage"></a>

Only offerors can update their listings via their dashboard. This process is described in the section - [Edit a Listing (Time Based)](https://app.gitbook.com/o/azXNS7QsS7i7yvHBE0Vd/s/n4EIoqjZx1xWQIo6LnjB/~/changes/63/v2.0/front-office/rendering-types/commoditized-rendering-types/time-based/edit-a-listing-time-based)

{% hint style="info" %} <mark style="color:blue;">Customers cannot update listings.</mark>
{% endhint %}

## Delete listing page <a href="#id-1.16.x-listingpage-basicsolution-deletelistingpage" id="id-1.16.x-listingpage-basicsolution-deletelistingpage"></a>

Only offerors can delete their listings via their dashboard. The process is described in the article: [Edit a Listing (Time Based)](https://app.gitbook.com/o/azXNS7QsS7i7yvHBE0Vd/s/n4EIoqjZx1xWQIo6LnjB/~/changes/63/v2.0/front-office/rendering-types/commoditized-rendering-types/time-based/edit-a-listing-time-based)

{% hint style="info" %} <mark style="color:blue;">Customers cannot delete listings.</mark>
{% endhint %}

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

**Business rules:**

* [Basic solution - 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/rendering-types/commoditized-rendering-types/time-based/show-a-listing-time-based.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.
