Featured Items Content Component

Overview

The Custom Content component renders a custom list of search results (typically products) defined as Spotlights in Hawksearch.

This is commonly used to display products when a query returns no results.

Selector

The selector for this component is <hawksearch-featured-items-content>.

Data Model

The following data model is exposed to the Handlebars template:

Default Template

<div class="row featured-items-content"> {{#each items}} {{#if (or (eq @root.zone "Top") (eq @root.zone "Top2") (eq @root.zone "Bottom") (eq @root.zone "Bottom2"))}} {{#if (eq type "content")}} <div class="column column--12"> <hawksearch-featured-items-content-item></hawksearch-featured-items-content-item> </div> {{else}} <div class="column column--12 column-sm--6 column-lg--4"> <hawksearch-featured-items-content-item></hawksearch-featured-items-content-item> </div> {{/if}} {{else}} <hawksearch-featured-items-content-item></hawksearch-featured-items-content-item> {{/if}} {{/each}} </div>