---
title: "Update the Search component"
slug: "update-the-search-component"
abstract: "How to customize the Search component to add facets, paging, and sorting."
---
# Update the Search component

Updating the **Search** component involves changes to the **Search** component itself as well as updates to facets, paging, and sorting functionalities.

To update the **Search** component:

1. On the **Search component** detail page, click the **Functionality** tab, and click the following switches to make them active (On):
    - **Full-Text**
    - **Facets**
    - **Sorting**
    - **Paging**
    - **Language selector**
    - **Refresh button**
    - **Show view selector**
2. Click **Save**. The **Search** component now has the following activated functionality.

    ![Search component with activated search functionality](https://doc.sitecore.com/api/markdown-image/ch/en/users/content-hub/images/search_component_with_activated_search_functionality.png)

## Update facets

To update facets:

1. On the **Search component** detail page, click the **Facets** tab.
2. Click **Add facet** :mdiPlus:.
3. Enter in the following settings to add a product color facet:
    - **Facet type** - *Taxonomy item*
    - **Taxonomy item** - *Product color (DVC.Color)*
    - **Label type** - *Default*
    - **Sorting** - *Alphabetical*
    - **Direction** - *Descending*
    - **Position** - *Left vertical*
4. Click **Save**.
5. Repeat steps 2-4 for Product style (*DVC.Style*).

## Update paging

To update paging:

1. On the **Search component** detail page, click the **Paging** tab.
2. Select the **Infinite scroll** option.
3. Click **Save**.

## Update sorting

To update sorting:

1. On the **Search component** detail page, click the **Sorting** tab.
2. Click **Add sorting** to add a new sorting option.
3. From the list, select **Relevance** and click **Sorting** :mdiSortAlphabeticalAscending: to change the default sort direction.
4. Click **Save**.
5. Repeat steps 2-4 to add additional sorting options.