Sökordsförslag i sökrutan - Implementation

Step by step

Note that it takes 24 hours before query completion is fully functioning

SiteSeeker search integration for EPiServer

In order to activate query completion in SiteSeeker Admin, run through 1-4. It has to be enabled in SiteSeeker Admin first, before it will become available to the website. To activate query completion in the quick search box (usually in the top right corner), or the search page, run through 5-9.

1. Make sure you use SiteSeeker 6 or higher. You will find the version number in SiteSeeker Admin.
2. Install the latest version 4 of the SiteSeeker module for EPiServer. This guide requires version 4 or higher, but behavior has improved from version 4.2.0.40 and higher. If you do not have version 4 or higher, please consult the help page for version 3 here.
3. If you use SiteSeeker 6.02
   
   1. Log into SiteSeeker Admin and click on search pages.
   2. Tick the box Query completion in the search box, then click save settings
   3. Activate the settings.
   4. Wait until the system has run indexing and statistical data loading (is normally done at night).
4. If you are using SiteSeeker 6.04 or later:
   
   1. Log into SiteSeeker Admin and click on search pages.
   2. Tick the box Query completion in the search box, then click save settings
   3. Activate the settings.
   4. Wait until the system has run indexing and statistical data loading (is normally done at night).
5. In the file QuickSearch.ascx, make a note of the CssClass names for the text field and the search button. EPiServer default values should be quickSearchField and quickSearchButton respectively. Or you could change it to the SiteSeeker defaults of ess-searchbox and ess-searchbutton respectively.
6. In the file Header.ascx, add the following:

   <% var helper = HtmlHelperFactory.Get<SiteSeeker.UI.XHtmlHelpers>("exampleSearchIndex"); %>
   

   and one of the following depending on the CssClass names noted above in 5:

   <%= helper.SiteSeeker_AutoComplete_Javascripts(false, true, "input.quickSearchField","input.quickSearchButton") %>
   

   or

   <%= helper.SiteSeeker_AutoComplete_Javascripts(false, true, "input.ess-searchbox","input.ess-searchbutton") %>
   

   If you use the default SiteSeeker CssClass names (ess-searchbox and ess-searchbutton), you could also use the following method without any parameters:

   <%= helper.SiteSeeker_AutoComplete_Javascripts() %>
   

7. To control the style and appearance of the auto complete dropdown, include the following in the Header.ascx:

   <%= helper.SiteSeeker_Css()%>
   

Troubleshooting

• Test the query completion. Note that auto complete is based on user data so if you have a client where few if any queries are executed, you will not receive any suggestions. Also make sure you perform indexing after the feature has been activated in SiteSeeker Admin.