Default Frame

Coveo for Sitecore Specific Rendering The Default Frame creates an HTML layout containing high-level placeholders and commonly used section placeholders (e.g., 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.
  • The Coveo for Sitecore SXA package doesn’t include frames and SXA sites are incompatible with the non-SXA Coveo for Sitecore 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.

Insertion Location

The Default Frame rendering is an Allowed Control in the following placeholder(s): UI Content

Example insertion sequence for the Default Frame rendering.

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:

Default Frame Layout

1: Placeholder is only visible in the Experience Editor when the Searchbox Settings placeholder contains a rendering.

Recommended Articles