Skip to main content

Embedded Results

This demo shows search results inside a block on the page instead of an overlay. Search for hummus or chicken nuggets to try it. View the ss360Config to check the configuration.

  • results.embedConfig.contentBlock is the CSS selector of the element the results are rendered into. Anything already in that element is replaced while results are shown.
  • Add results.embedConfig.url to send searchers to a dedicated search results page first, for example url: '/search'.

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

See Search results for all results options.

window.ss360Config = {
   siteId: '83460', /* Replace with your site id */
   searchBox: {
      selector: '#searchBox' /* Replace with the css selector of your search box */
   },
   results: {
      embedConfig: {
         contentBlock: '.example__page-content-block' /* Replace with the css selector of the element the results go into */
      }
   }
};
{"siteId":"83460","searchBox":{"selector":"#searchBox"},"results":{"embedConfig":{"contentBlock":".example__page-content-block"}}}