...
The selector for this component is <hawksearch-search-results-item>.
Data Model
The SearchResultsItem object is made available to the Handlebars template:
...
Anchor elements with this attribute will be tracked when clicked.
Handlebars Helpers
...
Name
...
Parameter #1
...
Parameter #2
...
currency
...
string or Array<string> (value)
...
number (default value, optional)
...
...
string or Array<string> (value)
...
number (default value, optional)
...
string
...
string or Array<string> (value)
...
string (default value, optional)
These helper functions are intended to convert attributes from a Search Results Item, which are stored in arrays, into a format suited for presentation.
Default Template
| Code Block | ||||
|---|---|---|---|---|
| ||||
<div class="search-results-item search-results-item--{{type}}">
{{#if pinned}}
<span class="search-results-item__pin">
<hawksearch-icon name="star"></hawksearch-icon>
</span>
{{/if}}
{{#if (lt salePrice price)}}
<span class="search-results-item__sale-indicator">Sale</span>
{{/if}}
{{#if (eq type "product")}}
<a hawksearch-link href="{{url}}" class="search-results-item__image" aria-label="{{title}}">
<img hawksearch-image src="{{imageUrl}}" alt="" />
</a>
{{/if}}
<div class="search-results-item__title">
<a hawksearch-link href="{{url}}">{{title}}</a>
</div>
{{#unless (eq type "product")}}
{{#if description}}
<p>{{description}}</p>
{{/if}}
{{/unless}}
{{#unless (eq salePrice undefined)}}
<div class="search-results-item__price">" itemprop="offers" itemtype="http://schema.org/Offer" itemscope>
{{#if (lt salePrice price)}}
<span class="search-results-item__price__original">{{currency price 0}}</span>
<span class="search-results-item__price__current" itemprop="price">{{currency salePrice 0}}</span>
{{else}}
<span class="search-results-item__price-__current" itemprop="price">{{currency salePrice 0}}</span>
{{/if}}
</div>
{{/unless}}
</div> |