> ## Documentation Index
> Fetch the complete documentation index at: https://docs.digifist.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Search

> Configure Everest's search results template, grid behavior, filters, sorting, and search-specific cards.

The Search template controls the main structure used for this page type in Everest. It combines template-specific sections with reusable content blocks, which means most storefront behavior can be adjusted in the Theme Customizer without editing theme code.

<img src="https://mintcdn.com/digifist/eTTEL_V2wkngU2rc/images/theme/everest/collections/search-overview.png?fit=max&auto=format&n=eTTEL_V2wkngU2rc&q=85&s=37ae347b18a20086729e3669fc2d474a" alt="Search overview" width="3280" height="2186" data-path="images/theme/everest/collections/search-overview.png" />

## What this template controls

* Layout structure, width, alignment, and spacing
* Product, collection, or cart-related storefront behavior
* Search, filter, and sorting behavior for product discovery
* Color schemes, contrast, and shared visual styling
* The template section order and the supporting sections included by default

## Template structure

This template uses the following main sections or related theme building blocks by default:

* **Search**
* **Predictive Search**

## Getting started

<Steps>
  <Step title="Open the template in Theme Customizer">
    Open the relevant page type or assign the template to a resource before customizing it.
  </Step>

  <Step title="Review the main section first">
    Start with the primary content section so layout, filtering, gallery, or page-level behavior is defined before refining supporting content.
  </Step>

  <Step title="Adjust supporting sections">
    Review any banners, content sections, or utility sections included in the template so the full page works together as a set.
  </Step>
</Steps>

<img src="https://mintcdn.com/digifist/eTTEL_V2wkngU2rc/images/theme/everest/collections/search-location.png?fit=max&auto=format&n=eTTEL_V2wkngU2rc&q=85&s=b23725c259663e0bd49e6449797bf9d9" alt="Search location in Theme Customizer" width="3280" height="2186" data-path="images/theme/everest/collections/search-location.png" />

## Main settings

### Settings

<img src="https://mintcdn.com/digifist/eTTEL_V2wkngU2rc/images/theme/everest/collections/search-settings.png?fit=max&auto=format&n=eTTEL_V2wkngU2rc&q=85&s=d8875dde04bb0b142aea02260fd3c062" alt="Search Settings settings" width="3280" height="2186" data-path="images/theme/everest/collections/search-settings.png" />

<AccordionGroup>
  <Accordion title="Color for header" icon="palette">
    Select the color scheme used for **color for header**.

    Use this to keep contrast and branding consistent with the rest of the store.

    **Default:** `scheme-4`
  </Accordion>

  <Accordion title="Header layout" icon="grid">
    Choose how **Header layout** behaves in the section.

    It has the strongest effect on layout balance and visual hierarchy.

    **Available options:** Page, Full.

    **Default:** `full`
  </Accordion>

  <Accordion title="Products per page" icon="shopping-bag">
    Adjust **Products per page** with a slider-based control.

    **Range:** `8` to `50`  **Default:** `24`
  </Accordion>
</AccordionGroup>

### Layout

<img src="https://mintcdn.com/digifist/eTTEL_V2wkngU2rc/images/theme/everest/collections/search-layout.png?fit=max&auto=format&n=eTTEL_V2wkngU2rc&q=85&s=000100c802cc091ea145dd79f3981fe1" alt="Search Layout settings" width="3280" height="2186" data-path="images/theme/everest/collections/search-layout.png" />

<AccordionGroup>
  <Accordion title="Number of columns on desktop" icon="eye">
    Adjust **Number of columns on desktop** with a slider-based control.

    It has the strongest effect on layout balance and visual hierarchy.

    **Range:** `1` to `6`  **Default:** `3`
  </Accordion>

  <Accordion title="Number of columns on mobile" icon="eye">
    Choose how **Number of columns on mobile** behaves in the section.

    It has the strongest effect on layout balance and visual hierarchy.

    **Available options:** 1, 2.

    **Default:** `2`
  </Accordion>
</AccordionGroup>

### Filtering and sorting

<img src="https://mintcdn.com/digifist/eTTEL_V2wkngU2rc/images/theme/everest/collections/search-filtering-and-sorting.png?fit=max&auto=format&n=eTTEL_V2wkngU2rc&q=85&s=3dbe81693324b37c9f390a8cea700931" alt="Search Filtering and sorting settings" width="3280" height="2186" data-path="images/theme/everest/collections/search-filtering-and-sorting.png" />

<AccordionGroup>
  <Accordion title="Enable filtering" icon="shopping-bag">
    Enable or disable **Enable filtering**.

    Make sure the chosen option still feels easy to scan and use on smaller screens.

    **Default:** `enabled`

    Customize filters with the Search & Discovery app. [Learn more](https://help.shopify.com/manual/online-store/search-and-discovery/filters)
  </Accordion>

  <Accordion title="Desktop filter layout" icon="eye">
    Choose how **Desktop filter layout** behaves in the section.

    Make sure the chosen option still feels easy to scan and use on smaller screens.

    **Available options:** Vertical, Drawer.

    **Default:** `vertical`

    Drawer is the default mobile layout.
  </Accordion>

  <Accordion title="Enable sorting" icon="shopping-bag">
    Enable or disable **Enable sorting**.

    Make sure the chosen option still feels easy to scan and use on smaller screens.

    **Default:** `enabled`
  </Accordion>

  <Accordion title="Color for active filters" icon="palette">
    Select the color scheme used for **color for active filters**.

    Use this to keep contrast and branding consistent with the rest of the store.

    **Default:** `scheme-6`
  </Accordion>
</AccordionGroup>

### Common settings

<img src="https://mintcdn.com/digifist/eTTEL_V2wkngU2rc/images/theme/everest/collections/search-common-settings.png?fit=max&auto=format&n=eTTEL_V2wkngU2rc&q=85&s=1b43f271321accd3568f062beb56d553" alt="Search Common settings" width="3280" height="2186" data-path="images/theme/everest/collections/search-common-settings.png" />

<AccordionGroup>
  <Accordion title="Section width" icon="grid">
    Choose how **Section width** behaves in the section.

    This setting shapes the section container and how it sits against surrounding content.

    **Available options:** Page, Fluid, Full.

    **Default:** `page`
  </Accordion>

  <Accordion title="Color scheme" icon="palette">
    Select the color scheme used for **color scheme**.

    Use this to keep contrast and branding consistent with the rest of the store.

    **Default:** `scheme-1`
  </Accordion>

  <Accordion title="Top spacing" icon="grid">
    Choose how **Top spacing** behaves in the section.

    This setting shapes the section container and how it sits against surrounding content.

    **Available options:** No, S, M, L, XL.

    **Default:** `4`
  </Accordion>

  <Accordion title="Bottom spacing" icon="grid">
    Choose how **Bottom spacing** behaves in the section.

    This setting shapes the section container and how it sits against surrounding content.

    **Available options:** No, S, M, L, XL.

    **Default:** `4`
  </Accordion>
</AccordionGroup>

## Best practices

* Check contrast after changing color schemes so text and controls remain easy to read.
* Adjust layout changes alongside neighboring sections so page rhythm stays consistent.
* Test this template with real content volume so headings, cards, and filters behave as expected.
* Review supporting sections together because template defaults often work as a coordinated set.

## Related guides

* [Everest Theme Overview](/themes/everest/index)
* [Predictive Search](/themes/everest/sections/predictive-search)