Skip to main content

Overlay

This demo shows search results in an overlay: a popup on top of the page. Overlay is the default, so the configuration only needs your site ID and search box. Search for veggie burger to try it. View the ss360Config to check the configuration.

  • siteId is your project's site ID. Find it in the Control Panel under Account → General.
  • searchBox.selector is the CSS selector of your search box.

In Design & Publish: Settings → General → How to show results → Overlay.

To show results inside your page instead, see the Embedded Results demo.

window.ss360Config = {
   siteId: '83460', /* Replace with your site id */
   searchBox: {
      selector: '#searchBox' /* Replace with the css selector of your search box */
   }
};
{"siteId":"83460","searchBox":{"selector":"#searchBox"}}