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 and Customizing a Search Interface Component Using the Coveo for Sitecore Legacy Search UI Framework
Using the Coveo for Sitecore Legacy Search UI framework, you can either create a search interface as a self-contained page, or insert a search interface into an existing page.
Creating a Search Interface as a Self-Contained Page
- Open the Sitecore Content Editor.
Right-click on the \sitecore\Content item or one of its subitems > Insert > Coveo-Powered Search Page. Either use the Coveo-Powered Search Page if your site is using Web Forms, or Coveo-Powered Search Page (MVC) if your site is using MVC.
When inserting an MVC Coveo-Powered Search Page on a Sitecore 7.X instance, you first need to enable MVC Support. To configure MVC while installing Sitecore, see Sitecore MVC Developer’s Reference Guide. If you have already installed Sitecore and you now want to enable MVC manually, see Sitecore MVC Playground Part 1: Enable MVC.
In the screen that appears, enter the name of the new search page (e.g.
My Search Page) and choose OK.
Select the newly created search page and choose Publish > Preview.
Validate that you see your search page and that a few search results are displayed.
Customizing the Properties of Your Search Interface
Open your page in the Sitecore Experience Editor:
Click the lauchpad icon at the top left to open the Sitecore Launchpad.
Click Content Editor.
Click the Coveo-powered search page you want to edit in the navigation tree on the left.
In the ribbon, click Publish > Experience Editor.
The Sitecore Experience Editor was formerly known as the Page Editor in Sitecore 7.
Using the floating toolbar, edit the properties of the
Modify the properties according to the desired end result.
Close the dialog by clicking OK.
Save and close your page.
Validate that you get the desired end result.
To learn more about the various properties of a Coveo Search component, see Search Component Properties.
You can now proceed to Inserting and Customizing a Facet Component.