Protected
bindProtected
componentProtected
Optional
contentThe data bound to the Handlebars template.
Optional
dataThe data bound to the component.
Protected
defaultProtected
handlebarsThe Handlebars reference shared by all HawkSearch components.
Protected
configurationThe optional configuration object for this component.
The root element which should be used for querying any child elements. This resolves to this.shadowRoot
if the Shadow DOM is enabled, otherwise this
.
Protected
bindProtected
getProtected
interpolateReplaces placeholders in a given string with values from a data object.
The template
string with all placeholders replaced by the values specified in values
.
The template string.
The object containing properties which will be bound to template
.
Protected
onProtected
registerOptional method that can be overwritten to register Handlebars helper functions which can be accessed from the template. For more information, see Custom Helpers.
Binds contentModel to the Handlebars template and renders the resulting HTML content.
Protected
renderDetermines whether the data meets the necessary conditions to perform data binding and render content.
Whether the component should be rendered. If false
, the component will have empty contents and be set to display: none;
.
The Search Results Item component displays information for an individual product or page.
Tag
The tag for this component is
<hawksearch-search-results-item>
.*Note: This component should only be used within the context of the Search Results List component.
Event-Binding Attributes
Image elements with this attribute will have their
src
value replaced with a placeholder image URL if the image fails to load.Anchor elements with this attribute will be tracked when clicked.
Default Template
The following is the default Handlebars template for this component. To create a custom template, it is recommended to use this as a starting point. {@embed ./search-results-item.component.hbs}