Filters Example

This demo site page shows how to use Site Search 360 filters and display your results in embed mode. View the ss360Config to check the configuration.

window.ss360Config = {
   siteId: 'spoonacular.com', /* 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 DOM element you want to use */
      }
   },
   layout: {
      mobile: {
         type: 'grid'
      },
      desktop: {
         type: 'grid'
      }
   },
   style: {
      additionalCss: '.ss360-data-point__cell--value{font-weight: 700}'
   },
   filters: {
      enabled: true,
      position: 'left' /* Use position 'top' to change the position */
   }
};

{"siteId":"spoonacular.com","searchBox":{"selector":"#searchBox"},"results":{"embedConfig":{"contentBlock":".example__page-content-block"}},"layout":{"mobile":{"type":"grid"},"desktop":{"type":"grid"}},"style":{"additionalCss":".ss360-data-point__cell--value{font-weight: 700}"},"filters":{"enabled":true,"position":"left"}}