Modular Frame 3 Columns

Coveo for Sitecore Specific Rendering The Modular Frame 3 Columns creates an HTML layout containing only high-level placeholders similar to the Modular Frame, but splits the layout into three columns to allow recommendations to be placed next to the results list.

Usage Notes

  • Adding the Coveo Search Interface rendering is a prerequisite to the insertion of the Modular Frame 3 Columns 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 Modular Frame 3 Columns rendering is an Allowed Control in the following placeholder(s): UI Content

Example insertion sequence for the Modular Frame 3 Columns rendering.

Data Source Options

The Modular Frame 3 Columns rendering has no data source options.

Sample Generated HTML and Corresponding Visual Output

Generated HTML:

<div>
    <!-- Content from renderings inserted in the Header Section placeholder -->
    <div class="coveo-main-section coveo-main-section-with-recommendations">
        <div class="coveo-header">
            <!-- Content from renderings inserted in the UI Header placeholder -->
        </div>
        <!-- Content from renderings inserted in the Main Section placeholder -->
        <div class="coveo-footer">
            <!-- Content from renderings inserted in the UI Footer placeholder -->
        </div>
    </div>
    <!-- Content from renderings inserted in the Footer Section placeholder -->
</div>

Placeholder layout:

Default Frame Layout

Recommended Articles