-
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-Powered Search Page
Inserting Coveo Search Components to an Existing Item Using the Coveo for Sitecore Legacy Search UI Framework
Coveo for Sitecore 4.1 (November 2018)
While you can use the provided Coveo layouts to host your Coveo-powered search page, you might prefer to integrate the Coveo search components in one of your existing layouts so that it keeps the same look and feel as the rest of your website.
To do so, follow these steps.
-
In the Content Editor, select the item you want to use as your search page.
Duplicate an existing page.
-
In the Presentation tab, select Details.
- Under Default, click Edit, opening the Device Editor window.
-
Select the Controls tab, and remove the component the Coveo search component will replace.
Take note of its placeholder name. The placeholder name of a component is written under its name.
-
When adding Web Form components:
-
Select Add.
-
Navigate to Sublayouts > Coveo, and select Coveo Search Resources.
- In Add to Placeholder, enter the placeholder name of the previous component.
- Click Select.
- Select Add again.
- Navigate to Sublayouts > Coveo, and select Coveo Search.
- In Add to Placeholder, enter the placeholder name of the previous component.
- Click Select.
-
- When adding MVC components:
- Select Add.
- Navigate to Renderings > Coveo, and select Coveo Search View Resources.
- In Add to Placeholder, enter the placeholder name of the previous component.
- Click Select.
- Select Add again.
- Navigate to Renderings > Coveo, and select Coveo Search View.
- In Add to Placeholder, enter the placeholder name of the previous component.
- Click Select.
-
Click OK to close the Device Editor window, and OK again to close the Layout Details window.
- Save your item.
- Test that your item behaves as expected by selecting the Publish tab and clicking Preview.