Start Today with your 30-day trial View our plans and pricing.

Search suggestions widget templates

This page describes the templates you can override to enable you to customize the HTML output

The templates you can find on this page are default implementations provided as of june 2018. Changes might occur.

Result item

<script id="searchine-suggest" type="text/x-handlebars-template">
<a href= "{{Uri}}" class="search-results-link">
    <div class="suggest-item">                 
                                               
        <div class="suggest-item-content">     
            <h2>{{{Title}}}</h2>               
            <p>{{{Description}}}</p>           
        </div>                                 
    </div>                                     
</a>                                           
</script>

Template options:

{{Uri}} - The search results url
{{{Title}}} - Title of the search result with highlighting
{{{Descriptiom}}} - Description with highlighting

 

Header

<script id="searchine-suggest-header" type="text/x-handlebars-template">
<a href="javascript:;" class="js-picker-close close"></a>
<p>{{ showresultslabel }}</p>
</script>

Template options:

{{showresultslabel}} - The search results text (View labels)

 

Footer

<script id="searchine-suggest-footer" type="text/x-handlebars-template">
<button class="button-search-results-more js-view-more-results">{{ viewallresultslabel }}</button>
</script>

Template options:

{{viewallresultslabel}} - The search results text (View labels)
Options
Methods / Events