Results Module

Results modules display search results. You might only need one Search Box module for all searches. On the other hand, you might want more than one Results module, for example, ones in different languages.

Examples

In this example, search results are displayed as a list (the default).

Results as list

In this example, search results are displayed as cards, two across.

Results as cards

Configuration options

Location Option Description

Edit Module

Results per page

Results to display per page

Edit Module

Show Breadcrumbs?

When enabled, Site Search displays breadcrumbs at the top of the result list – one breadcrumb for the search query and additional breadcrumbs for selected facets. We recommend that you enable breadcrumbs. With breadcrumbs enabled, a user can easily deselect facets (by clicking those breadcrumbs) and/or return to all search results (by clicking the breadcrumb for the search query).

Edit Module

Show Spellchecking?

When enabled, Site Search displays Spellchecking and Did You Mean results after a user searches.

Edit Module

Display as Cards

Select a number of cards per row to display results as cards.

Embed Module

UI language

UI language for the Search Box. To specify a different UI language for an embedded module (or to explicitly specify English), add a language URL parameter in the loader.js URL in the embed snippet that you copy to the <head> element.

Embed Module

Search language

Override the default search language for a specific Search Box module. In the snippet for the Search Box, include a language attribute in the <cloud-search-box> element, for example, <cloud-search-box language="fr"></cloud-search-box>.

To configure a Results module

See Configure modules.

Style Results modules with CSS

You can use cascading style sheets (CSS) to style Results modules.