Search Section

This is for:

Developer System Administrator
In this article
Warning
Legacy feature

This article pertains to the Coveo Hive framework which is now in maintenance mode.

Choose one of Coveo’s more modern, lightweight, and responsive libraries for any future search interface development. See the search interface Implementation guide for more details.

Coveo for Sitecore Specific Rendering This rendering adds the Searchbox, Searchbox Settings, and Searchbox Options dynamic placeholders.

The Searchbox placeholder is designed to house the Coveo Searchbox rendering.

The Searchbox Settings placeholder is designed to house the Coveo Settings Button rendering.

The Searchbox Options placeholder is designed to house renderings of the Settings Button Options group.

Insertion location

Coveo Hive

The Search Section rendering is an Allowed Control in the following placeholder(s): External Components, Main Section

Example insertion sequence for the Search Section rendering.

Coveo Hive SXA

Coveo for Sitecore SXA doesn't include a Search Section rendering. Use Sitecore containers or splitters to create sections for your Coveo Searchbox and related renderings (for example, see Coveo Searchbox Insertion Location).

Data Source Options

This rendering doesn't require a data source.

Sample Generated HTML in Experience Editor

<div class="coveo-search-section scEnabledChrome chromeWithDatasource" sc-part-of="placeholder rendering">

  <code ... ></code>
  <span ... ></span>
  <div class="scEnabledChrome scEmptyPlaceholder"
  sc-placeholder-id="_coveo_ui_coveo_ui_content_dynamic_coveoe28f8e99_coveo_ui_main_section_coveo_ui_searchbox_dynamic_coveo0fc97af7"
  sc-part-of="placeholder"></div>
  <code ... ></code>

  <code ... ></code>
  <span ... ></span>
  <div class="scEnabledChrome scEmptyPlaceholder"
  sc-placeholder-id="_coveo_ui_coveo_ui_content_dynamic_coveoe28f8e99_coveo_ui_main_section_coveo_ui_searchbox_settings_dynamic_coveo0fc97af7"
  sc-part-of="placeholder"></div>
  <code ... ></code>

  <div class="coveo-hide-until-settings-added">
    <code ... ></code>
    <span ... ></span>
    <div class="scEnabledChrome scEmptyPlaceholder"
    sc-placeholder-id="_coveo_ui_coveo_ui_content_dynamic_coveoe28f8e99_coveo_ui_main_section_coveo_ui_searchbox_options_dynamic_coveo0fc97af7"
    sc-part-of="placeholder"></div>
    <code ... ></code>
    <div class="coveo-settings-components-help">Add options for the Settings button in this placeholder.</div>
  </div>

</div>
The Search Section rendering floating toolbar code is purposely omitted.