Custom Multi-Sort Tutorial - Adding One Simple Option

This page covers how to add one option to the Multi-Sort component.

The next step will introduce the other options that will be used to build the full sort criteria (see Custom Multi-Sort Tutorial - Adding Other Options).

Adding one field in the Data Source Template

Let’s start with a simple example by adding one field.

Select the Multi-Sort Parameters template created earlier in the tutorial.

Add a section and a field named FirstField.

Adding one field in the ModelProperties

In your MultiSortModelProperties class, add the following code:

public class MultiSortModelProperties : IModelProperties
    public string FirstField { get; set; }

Save the project and copy the DLL to your Sitecore instance.

Setting the value on the Data Source

In Sitecore, select the Data Source created earlier and set a value on the FirstField field:

Your field must be set as sortable in the configuration files, else an error will be shown in the Search Interface when trying to sort on this field.

Simple Usage of the Property

In the MultiSort.cshtml file, change the data-sort-criteria to the following attribute:

@model Coveo.Custom.MultiSortModel
<div class="CoveoSort" data-caption="My Multi-Sort" data-sort-criteria="@Model.Properties.FirstField descending"></div>


Your component should now be clickable and work as a standard sort component using the field defined in the data source.