Protected bindProtected componentProtected Optional contentThe data bound to the Handlebars template.
Optional dataThe data bound to the component.
Protected defaultProtected eventProtected 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 Recommendations component displays a list of products determined by the rules configured in the HawkSearch admin.
Tag
The tag for this component is
<hawksearch-recommendations>.Attributes
stringThis attribute specifies which recommendation configuration created in the HawkSearch admin is retrieved from the API.
Event-Binding Attributes
This attribute should be placed on the element that contains each individual item element of a carousel. This is used to bind touch events.
numberWhen an element with this attribute is clicked, the carousel will move to display the range of items starting with the given index. This is typically used within pagination for the carousel.
When an element with this attribute is clicked, the carousel will display the next range of items.
When an element with this attribute is clicked, the carousel will display the previous range of items.
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 ./recommendations.component.hbs}