Overview

The Search Results component encapsulates all components relating to search-results into a single component.

The use of this component is optional. For implementations with a significant amount of customization, developers may choose to place the nested controls manually.

Selector

The selector for this component is <hawksearch-search-results>.

Data Model

The SearchResponse object is made available to the Handlebars template:

Default Template

<hawksearch-modified-query></hawksearch-modified-query>
<hawksearch-query-suggestions></hawksearch-query-suggestions>
<div class="row">
    <div class="column column--12 column-md--4">
        <hawksearch-content-zone name="LeftTop"></hawksearch-content-zone>
        <hawksearch-facets-list></hawksearch-facets-list>
        <hawksearch-content-zone name="LeftBottom"></hawksearch-content-zone>
    </div>
    <div class="column column--12 column-md--8">
        <hawksearch-content-zone name="Top"></hawksearch-content-zone>
        <hawksearch-content-zone name="Top2"></hawksearch-content-zone>
        <hawksearch-tabs></hawksearch-tabs>
        <hawksearch-selected-facets></hawksearch-selected-facets>
        <div class="row">
            <div class="column column--12 column-sm--6 flex-vertical-sm-center">
                <hawksearch-pagination></hawksearch-pagination>
            </div>
            <div class="column column--12 column-md--6">
                <div class="row row--tight">
                    <div class="column column--12 column-sm--6 flex-vertical-sm-center">
                        <hawksearch-page-size></hawksearch-page-size>
                    </div>
                    <div class="column column--12 column-sm--6 flex-vertical-sm-center">
                        <hawksearch-sorting></hawksearch-sorting>
                    </div>
                </div>
            </div>
        </div>
        <hawksearch-search-results-list></hawksearch-search-results-list>
        <hawksearch-content-zone name="Bottom"></hawksearch-content-zone>
        <hawksearch-content-zone name="Bottom2"></hawksearch-content-zone>
    </div>
</div>

Hawksearch Handlebars UI

Search Results Component

Analytics

Overview

Selector

Data Model

Default Template

Related content