/
Sorting Component

Sorting Component

Overview

The Sorting component is used to select the logic for ordering search results.

Selector

The selector for this component is <hawksearch-sorting>.

Data Model

The Sorting data model is exposed to the Handlebars template. For more information, see Search Models.

Event Binding Attributes

Attribute Name

Attribute Value

Attribute Name

Attribute Value

hawksearch-sort

 

When a select element with this attribute changes in value, the search will be updated to use that value as the new sort order.

Default Template

<div class="sorting"> <select hawksearch-sort> {{#each options}} {{#if selected}} <option value="{{value}}" selected>{{title}}</option> {{else}} <option value="{{value}}">{{title}}</option> {{/if}} {{/each}} </select> </div>

Related content

Search Results Component
Search Results Component
More like this
Search Results List Component
Search Results List Component
More like this
Search Field Component
Search Field Component
More like this
Tabs Component
More like this
Recent Searches Facet Component
Recent Searches Facet Component
More like this
Autocomplete Component
Autocomplete Component
More like this