Legacy Search UI Framework
- Inserting and Customizing a Search Interface Component
- Inserting Coveo Search Components to an Existing Item
- Inserting and Customizing a Facet Component
- Inserting and Customizing a Sort Component
- Inserting and Customizing a Tab Component
- Inserting and Customizing a Related Query Component
- Inserting and Customizing a Recommendations Component
- Inserting and Customizing a User Context Component
- Ranking and Filtering Rules
- Inserting and Customizing a Distance Resources Component
- Creating a Search Driven Page
- Duplicating the Coveo Search Component
- Inserting a Coveo Search Box to Your Header
- Autocomplete and Suggestions
- Adding a Field to a Result Template
- Adding Images to Your Search Page
- Customizing a Search Interface
- List of Available Components
- List of Available Parameters
- Relating Coveo for Sitecore Components to Sitecore Templates, Layouts, and Sublayouts
- Digging Into the Layouts and Components Code
- Creating a Custom Component Parameters
- Inserting Custom Component Parameters
- Creating a Search Interface Optimized for Mobile Devices
- Creating a Search Interface Optimized for WebCrawlers
- Understanding How MVC Components Work Behind the Scenes
- Modifying or Removing the Insert Option for the Coveo Search Page
Coveo for Sitecore Legacy Search UI Framework - Relating Coveo for Sitecore Components to Sitecore Templates, Layouts, and Sublayouts
By now, you should have learned how to use the Coveo for Sitecore Legacy Search UI framework to create a basic search interface using the Sitecore Content Editor and Page Editor (see Creating a Basic Search Interface). But before performing advanced customizations, you must learn how the different parts of a search interface work.
This page takes a high-level view of a search interface and explains how its different parts interact with each other.
Coveo for Sitecore allows you to create items of type Coveo Search Page in your Sitecore Content Tree.
The Coveo Search Page is a template that allows you to create a full-featured search interface. You can find this template under
sitecore/Templates/CoveoModule/Search/Coveo Search Page. It defines the fields available on an item of type Coveo Search Page, as well as the components that are automatically inserted by default in a new search page.
As a matter of fact, when you created your search page and previewed it in the Page Editor, there were already two components present by default: Coveo Search Resources and Coveo Search. These two components are assigned in the Layout Details (Presentation > Details) of the __Standard Values item associated with the Coveo Search Page template.
In the Layout Details of the __Standard Values item associated with the Coveo Search Page template, you will notice that there is also a layout assigned to it: Search Layout. You can find this layout under
sitecore/Layout/Layouts/Coveo/Search Layout. This layout defines how a Coveo Search Page item should be rendered in a browser (or in the Page Editor). In other words, it provides the basis for building a full-featured search interface.
A Sitecore layout links to an ASPX page (or web form), which contains its implementation.
For more information on the inner workings of
SearchLayout.aspx, see Digging Into the Layouts’ and Components’ Code.
As noted above, two components are already present by default in a search page: Coveo Search Resources and Coveo Search. These components are actually Sitecore sublayouts. You can find them under
sitecore/Layout/Sublayouts/Coveo. For example, you have a Coveo Search sublayout that represents the CoveoSearch component, and a Coveo Search Resources sublayout that represents the CoveoSearchResources component.
A Sitecore sublayout links to an ASCX file (or user control), which contains its implementation.
For more information on the inner workings of each component, see Digging Into the Layouts’ and Components’ Code.
Now that you have a high-level view of the different parts of a search interface, you can dig into the code: