Customising the Suggest List

The Suggest list should be customised to the shop design in order to achieve a uniform appearance. You can change the corresponding colours easily using the CSS style file suggest.css that is provided.

Key colour definitions comprise the general font colour under ul.suggestLayerList or ul.suggestLayerBlock, highlighting of the entered text (span.suggestTextQueryTyped) and highlighting of the selected suggestion (li.suggestHighlight).

If you want to make changes to the sample scripts, the logic used to compile the response depending on the script can be found in the handleResponse and getSuggestions methods. The handleSubmit method can be used to customise handling when submitting an entry.