Coveo for Sitecore v5 is now available!

Custom Multi-Sort Tutorial - Integrating the Component

This page covers how to integrate our custom component in any existing Search Interface.

Inserting the Component in the Required Placeholder

Since our component is a sort component, we want to be able to insert it in the Coveo Sorts placeholder.

  1. In the Content Editor, under sitecore > LayoutPlaceholder Settings, create a new folder named Coveo Hive Custom
  2. Right-click this folder, and select Insert From Template.

  3. Under templatesCoveo HiveStructure, select Placeholder Extender. Change its name to Multi Sort Placeholder Extension.

  4. In the Placeholder Setting field, select the Sorts placeholder, located under Coveo HiveSorts.
  5. In the Allowed Controls field, select your custom Multi Sort rendering.

This adds the custom component in the allowed renderings for the default Sorts placeholder.

Inserting the Component in the Search Interface

The following steps are used to insert our custom component into an existing Search Interface.

Get into the Experience Editor, in a Coveo for Sitecore Hive Search Interface of your choice.

  1. Find a sort component, and click on the Navigate to Parent button.

    1. This is select the Sorts placeholder, which we patched in the previous steps.
  2. Click Add to Here.

  3. You should see your new component. Select it, and click the Select button.

  4. Click on the Change Associated Content button.

  5. Create a new Data Source for this component and click OK. For this example, we will place it in our local Sorts Parameters Folder.

  6. Save the page.

Result

You should now see this component

In the next step, we will add some options for this component.