Default Frame
Default Frame
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. |
The Default Frame creates an HTML layout containing high-level placeholders and commonly used section placeholders (for example, Search Section
, Tabs Section
, Facets Section
).
Hence, this frame rendering expedites the process of building a complete search interface, but at the expense of flexibility.
Usage notes
- Adding the Coveo Search Interface rendering is a prerequisite to the insertion of the Default Frame rendering.
Insertion Location
Coveo Hive
The Default Frame rendering is an Allowed Control in the following placeholder(s): UI Content
Coveo Hive SXA
The Coveo for Sitecore SXA package doesn't include frames and SXA sites are incompatible with the non-SXA Coveo Hive frame renderings. To position and size your Coveo for Sitecore SXA renderings, use Sitecore page structure renderings in combination with the SXA grid system.
Data Source Options
The Default Frame rendering has no data source options.
Sample Generated HTML and Corresponding Visual Output
Generated HTML:
<div>
<div class='coveo-search-section'>
<!-- Content from renderings inserted in the Searchbox placeholder -->
<!-- Content from renderings inserted in the Searchbox Settings placeholder -->
<div class='coveo-hide-until-settings-added'>
<!-- Content from renderings inserted in the Searchbox Options placeholder -->
</div>
</div>
<div class="coveo-main-section">
<div class="coveo-header">
<!-- Content from renderings inserted in the UI Header placeholder -->
</div>
<div class="coveo-facet-column">
<!-- Content from renderings inserted in the Facets placeholder -->
</div>
<div class="coveo-results-column">
<div class="coveo-tab-section coveo-placeholder-fix">
<!-- Content from renderings inserted in the Tabs placeholder -->
</div>
<div class="coveo-results-header">
<div class="coveo-summary-section">
<!-- Content from renderings inserted in the Results Summary Section placeholder -->
</div>
<div class="coveo-result-layout-section">
<!-- Content from renderings inserted in the Result Layout placeholder -->
</div>
<div class="coveo-sort-section">
<!-- Content from renderings inserted in the Sorts placeholder -->
</div>
</div>
<!-- Content from renderings inserted in the UI Results Header placeholder -->
<!-- Content from renderings inserted in the Results List placeholder -->
<div class="CoveoLogo">
<!-- more content -->
</div>
<!-- Content from renderings inserted in the UI Results Footer placeholder -->
</div>
<!-- Content from renderings inserted in the UI Footer placeholder -->
</div>
</div>
Placeholder layout:
1: This placeholder is only visible in the Experience Editor when the Searchbox Settings
placeholder contains a rendering.