You need to have the following code snippet on the textbox where the user searches for products. PureClarity will display a dropdown with the auto-complete results as the user types.
<input id='pc_searchbox' />
The auto complete box should not have any event handlers handled by the site.
You need to have the following code snippet on the button that submits the search. If adding PureClarity to an existing site, ensure that the type of the input is not set to “submit”.
<input id='pc_searchbutton' />
The autocomplete can be configured to show filtered results. This is useful if you want a category dropdown for example, to filter the search. When the custom filter changes, call the following:
<attribute> should be the name of the attribute to filter by, for example, “TopCategory”.
<value> should be the value to filter by, e.g. “Sale Items”.
To clear the filter call:
Rendered HTML & CSS Templates
The HTML that is rendered by PureClarity can be edited in the Admin Console along with the CSS. You can find this under 'Configurations'.