Search Section

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

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 for Sitecore SXA does not include a Search Section rendering. Use Sitecore containers or splitters to create sections for your Coveo Searchbox and related renderings (e.g., see Coveo Searchbox Insertion Location).

Data Source Options

This rendering does not 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.

What's Next for Me?