How to move from search overlay mode to search results in a seperate page

There are two search modes that come with the expertrec custom search

1. Search overlay mode. (search results will load on the same page)
2. Search results on another page.(search results will load on another page).

The default UI is the overlay UI where the search results pops up in the same page.

Here are steps to move to search results on another page.

1. Go to UI customization-> search layout.
2. Under Layout-> Choose “search result on another page”.
3. Under search result path, enter the search path of your search results page. For example- search result path is :”/search-results/“ if your search results have the URL format http://providerconnection.davisvision.com/search-results/?q=lense 
4. Enter you query parameter.If your search URL has the format http://providerconnection.davisvision.com/search-results/?q=lense
5. 
6.      
7. Now click on apply and get the new code. The code has three parts-

   1. <ci-search></ci-search>

      has to be added where the search box has to be appear.

   2. <ci-search-results></ci-search-results>

      has to be added in pages where the search results have to appear.

   3. The code containing has to be added on all pages.

      <script>
      (function() {
      var id = 'YOUR API KEY';
      var ci_search = document.createElement('script');
      ci_search.type = 'text/javascript';
      ci_search.async = true;
      ci_search.src = 'https://cse.expertrec.com/api/js/ci_common.js?id=' + id;
      var s = document.getElementsByTagName('script')[0];
      s.parentNode.insertBefore(ci_search, s);
      })();
      </script>

       

Add Search to your Website