THIS IS ARCHIVED DOCUMENTATION

Custom Multi-Sort tutorial - Integrating the component

In this article

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 > Layout > Placeholder Settings, create a new folder named Coveo Hive Custom

  2. Right-click this folder, and select Insert From Template.

    Right-click this folder and select Insert From Template | Coveo for Sitecore 4

  3. Under templates > Coveo Hive > Structure, select Placeholder Extender. Change its name to Multi Sort Placeholder Extension.

    Change its name to Multi Sort Placeholder Extension | Coveo for Sitecore 4

  4. In the Placeholder Setting field, select the Sorts placeholder, located under Coveo Hive> Sorts.

  5. In the Allowed Controls field, select your custom Multi Sort rendering.

    In the Allowed Controls field select your custom Multi Sort rendering | Coveo for Sitecore 4

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 Navigate to Parent.

    Find a sort component and click Navigate to Parent | Coveo for Sitecore 4

    1. This is select the Sorts placeholder, which we patched in the previous steps.

  2. Click Add to Here.

    Click Add to Here | Coveo for Sitecore 4

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

    Select it and click Select | Coveo for Sitecore 4

  4. Click Change Associated Content.

    Click Change Associated Content | Coveo for Sitecore 4

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

    For this example we’ll place it in our local Sorts Parameters Folder | Coveo for Sitecore 4

  6. Save the page.

Result

You should now see this component

You should now see this component | Coveo for Sitecore 4

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