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.