Multiple Search Boxes

This page shows how to use more than one search box on the same page. Each search box can return results from specific content groups, depending on how it's configured.

You can check the configuration in the ss360Config to check the configuration.

The content groups are limited by the data-ss360-include="[]" attribute on the first search box and data-ss360-include="['Menu Items']" attribute on the second search box.

window.ss360Config = {
   siteId: 'spoonacular.com',
   searchBox: {
      selector: '.ss360-search-box'
   },
   results: {
      embedConfig: {
         contentBlock: '.example__page-content-block'
      }
   }
};

{"siteId":"spoonacular.com","searchBox":{"selector":".ss360-search-box"},"results":{"embedConfig":{"contentBlock":".example__page-content-block"}}}