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 - Duplicating the Coveo Search Component
Before you modify a Coveo Search component, it is highly recommended to duplicate it. This way, you can work on your copy while keeping the original component intact for further use and reference. This approach also enables you to work with many different versions of the same component. Here are the required steps - along with best practices - to duplicate a component.
- From the Sitecore Content Editor, create a new folder named
- Duplicate the
Coveo Searchsublayout (right-click > Duplicate).
- Name it
Custom Coveo Search.
- Move it to the
Customfolder that you have just created.
In your new sublayout (
/sitecore/Layout/Sublayouts/Custom/Custom Coveo Search), change the value of the Ascx file field so that it points to
CustomCoveoSearch.ascxdoes not exist yet. It will be created in the upcoming steps.
- On the Sitecore server, locate the physical folder located at
<your sitecore instance folder>\Website\layouts.
- In it, create a new folder named
- Copy the file
- From the Sitecore Content Editor, create a new
Coveo Search Pageunder
/sitecore/Content/Homeif you do not already have one (right-click > Insert > Coveo Search Page).
- Access the Layout Details dialog of your
Coveo Search Pageitem (Presentation > Details).
- For the Default device, select Edit in the list of controls.
- In the Device Editor dialog, under Controls, select the
Coveo Searchcontrol and choose Change.
- In the Select a Rendering dialog, select your duplicated sublayout (
/Sublayouts/Custom/Custom Coveo Search) and choose Select.
- In the Device Editor dialog, choose OK.
- In the Layout Details dialog, choose OK.
- Save your
Coveo Search Pageitem.
Validate that your Coveo Search Page now displays your new Coveo Search sublayout/component (Publish > Preview).
Visually, unless you customize the
Custom Coveo Searchcomponent, your Coveo Search Page will look exactly the same as before. It would be a good idea to display some custom string to validate that your new component is indeed displayed as expected. For example, you may add a simple HTML paragraph as such:
The end result should look like this: