> ## 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.

# Collection Page

> Configure Everest's collection template, product grid, filters, sorting, and supporting merchandising sections.

The Collection Page 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/ItINYNrCwDX35vS7/images/theme/everest/collections/collection-page-overview.png?fit=max&auto=format&n=ItINYNrCwDX35vS7&q=85&s=0752bc4fd5a050d3b173d87a82ec2d29" alt="Collection Page overview" width="3280" height="2186" data-path="images/theme/everest/collections/collection-page-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:

* **Callout Banner**
* **Collection**
* **Rich Text**
* **Recently Viewed Products**

## 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/ItINYNrCwDX35vS7/images/theme/everest/collections/collection-page-location.png?fit=max&auto=format&n=ItINYNrCwDX35vS7&q=85&s=301dc1e466273134b983df12ad32ceb8" alt="Collection Page location in Theme Customizer" width="3280" height="2186" data-path="images/theme/everest/collections/collection-page-location.png" />

## Main settings

### Settings

<img src="https://mintcdn.com/digifist/ItINYNrCwDX35vS7/images/theme/everest/collections/collection-page-settings.png?fit=max&auto=format&n=ItINYNrCwDX35vS7&q=85&s=25b9abdbd518190026e23eb2c23ee497" alt="Collection Page Settings settings" width="3280" height="2186" data-path="images/theme/everest/collections/collection-page-settings.png" />

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

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

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

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

    **Available options:** 3, 4.

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

### Filtering and sorting

<img src="https://mintcdn.com/digifist/ItINYNrCwDX35vS7/images/theme/everest/collections/collection-page-filtering-and-sorting.png?fit=max&auto=format&n=ItINYNrCwDX35vS7&q=85&s=6ab627c58f128f9173c32e578ab766b3" alt="Collection Page Filtering and sorting settings" width="3280" height="2186" data-path="images/theme/everest/collections/collection-page-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>

### Mobile layout

<img src="https://mintcdn.com/digifist/ItINYNrCwDX35vS7/images/theme/everest/collections/collection-page-mobile-layout.png?fit=max&auto=format&n=ItINYNrCwDX35vS7&q=85&s=d94f10e609a8739b2b8d971efbbc5959" alt="Collection Page Mobile layout settings" width="3280" height="2186" data-path="images/theme/everest/collections/collection-page-mobile-layout.png" />

<AccordionGroup>
  <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>

### Common settings

<img src="https://mintcdn.com/digifist/ItINYNrCwDX35vS7/images/theme/everest/collections/collection-page-common-settings.png?fit=max&auto=format&n=ItINYNrCwDX35vS7&q=85&s=2ab1bade47089a310a271104ece27b31" alt="Collection Page Common settings" width="3280" height="2186" data-path="images/theme/everest/collections/collection-page-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:** `full`
  </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:** `2`
  </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:** `2`
  </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)
* [Recently Viewed Products](/themes/everest/sections/recently-viewed-products)
