...
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)
...
number
...
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> |