Setup

1

Search List Wrapper

Add a empty div block on your page.

2

Search List Wrapper - Attributes

Add following attribute to the div block:

looop=predictive-search-list
3

Search Item Template

Add a div block inside the predictive-search-results. The div will be used as a template to each search result.

4

Search Item Template - Attributes

Add following attribute to the div block:

looop=predictive-search-item
5

Search Item Template - Text

Add a text block inside the predictive-search-item. The text block will be used to display the product name.

Don’t style the text block. The style should be applied by the Search Item Template.