> ## 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 List Page

> Configure Everest's collection list template and its collection card layout options.

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

* **List Collections**

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

## Main settings

### Settings

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

<AccordionGroup>
  <Accordion title="Collections" icon="shopping-bag">
    Select the collection source used by **collections**.
  </Accordion>

  <Accordion title="Sort by" icon="shopping-bag">
    Choose how **Sort by** behaves in the section.

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

    **Available options:** Alphabetically, A-Z, Alphabetically, Z-A, Date, new to old, Date, old to new, Product count, high to low, Product count, low to high.

    **Default:** `title-ascending`
  </Accordion>

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

### Common settings

<img src="https://mintcdn.com/digifist/5f9g8C6XA5TFJq7p/images/theme/everest/collections/collection-list-page-common-settings.png?fit=max&auto=format&n=5f9g8C6XA5TFJq7p&q=85&s=515807078b57027837ccc57af622ab80" alt="Collection List Page Common settings" width="3280" height="2186" data-path="images/theme/everest/collections/collection-list-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:** `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:** `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>

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

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

    **Available options:** None, Top, Bottom, Both.

    **Default:** `none`
  </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)
