FEATURE: Autocomplete for frontend search boxes

Love the autocomplete feature for search in your admin console? Now this feature is available for your customers. Let them find your products faster with an instant view of your catalog results

Autocomplete for search boxes can be applied to any text box in the following ways:

• For search box snap-ins:
  • Enable the option in the snap-in’s settings
• For search box merges:
  • Add the setting “autocomplete=true” (without quotes) to the merge’s settings:
  • ##SEARCHBOX[autocomplete=true]##
• For all other text boxes where this is desired:
  • Add the CSS class “AutocompleteSearchBox”, it will automatically hook it up when you add the following script/style includes to the head.

  <link type="text/css" rel="stylesheet" href="/store/inc/style/jquery.ui.core.css">
  <link type="text/css" rel="stylesheet" href="/store/inc/style/jquery.ui.theme.css">
  <link rel="stylesheet" type="text/css" href="/store/inc/style/jquery.ui.autocomplete.css" />
  <script type="text/javascript" src="/store/inc/jquery.ui.js"></script>
  <script type="text/javascript" src="/store/inc/ac.autocomplete.js"></script>

The text for the item’s type (which appears in parentheses) can be customized via store text. See screenshot for corresponding keys.