---
title: Results Sorts Section
slug: '3052'
canonical_url: https://docs.coveo.com/en/3052/
collection: coveo-for-sitecore-v5
source_format: adoc
---
# Results Sorts Section
> **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.

![Coveo for Sitecore Specific Rendering](c4sc-v5/sitecore-20-px-new.png)
This rendering adds a `Sorts` dynamic placeholder in which you can insert renderings of the [Sorts](https://docs.coveo.com/en/3009/) group.

## Usage notes


[.version.c4sc.c4sc-new.5-0-788-5.September-18&-2020]
[Coveo for Sitecore 5.0.788.5](https://docs.coveo.com/en/3314#release-notes)


* When the `Enable sort dropdown` data source option is enabled, the **{doctitle}** rendering wraps the inserted [Sorts](https://docs.coveo.com/en/3009/) renderings in a `<div class="CoveoSortDropdown">` and makes these sorting options elements of a dropdown list (see the [Coveo JavaScript Search Framework](https://docs.coveo.com/en/187/) [SortDropdown](https://coveo.github.io/search-ui/components/sortdropdown.html) component).

* When the `Enable sort dropdown` data source option is enabled, and an embedded **Sorts** rendering has the `Enable both sort directions` options enabled, two `<option>` elements are created for this **Sorts** rendering in the dropdown list, one for each sort direction.

* See [List result sort options in a dropdown](https://docs.coveo.com/en/3316/) for more details about managing sort direction captions.

## Insertion location


<div>
<h3>Coveo Hive</h3>
  <p>The <strong>Results Sorts Section</strong> rendering is an Allowed Control in the following placeholder(s): <code class="highlighter-rouge">Results Footer Section</code>, <code class="highlighter-rouge">Results Header Section</code></p>
  <video width="690" height="335" controls="">
  <source src="{{ site.baseurl }}/assets/images/c4sc-v5/results-sorts-section-hive.mp4" type="video/mp4" />
  Your browser doesn't support the video tag.
</video>
  <div class="figure-caption">Example insertion sequence for the <strong>Results Sorts Section</strong> rendering.
  </div>
</div>
<div>
<h3>Coveo Hive SXA</h3>
  <p><span class="tag available" aria-label="Only available since the  (September 18,  2020) release" data-balloon-pos="up" data-balloon-length="medium"><a href="{{ site.baseurl }}/3314">Coveo for Sitecore (September 18,  2020)</a></span></p>
  <p>Coveo for Sitecore SXA rendering insertion locations aren't limited by placeholder Allowed Controls. The <strong>Results Sorts Section</strong> rendering may therefore be inserted throughout the partial design, whether in Coveo for Sitecore or Sitecore placeholders.</p>
  <video width="690" height="335" controls="">
  <source src="{{ site.baseurl }}/assets/images/c4sc-v5/results-sorts-section-sxa.mp4" type="video/mp4" />
  Your browser doesn't support the video tag.
</video>
  <div class="figure-caption">Example insertion sequence for the <strong>Results Sorts Section</strong> rendering.
  </div>
</div>

## Data source options

The following table lists the available data source options for this rendering.

[%header,cols="34%,66%"]
|===
|Option name
|Description

a|{empty}
--


[.version.c4sc.c4sc-new.5-0-788-5.September-18&-2020]
[Coveo for Sitecore 5.0.788.5](https://docs.coveo.com/en/3314#release-notes)


--
Enable sort dropdown
|Specifies whether to convert the embedded **Sorts** renderings into `<option>` elements of a dropdown list.
|===

## Sample Generated HTML in Experience Editor

```html
<div class="coveo-sort-section scEnabledChrome chromeWithDatasource" sc-part-of="placeholder rendering">
  <code ... ></code>
  <span ... ></span>
  <div class="scEnabledChrome scEmptyPlaceholder"
  sc-placeholder-id="_coveo_ui_coveo_ui_content_dynamic_coveoe28f8e99_coveo_ui_main_section_coveo_ui_results_header_dynamic_coveo922518e0_coveo_ui_results_header_section_dynamic_coveob7049613_coveo_ui_sorts_dynamic_coveob4455694"
  sc-part-of="placeholder"></div>
  <code ... ></code>
</div>
```

The **Results Sorts Section** rendering floating toolbar code is purposely omitted.