Skip to main content
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. Collection Page overview

​
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

1

Open the template in Theme Customizer

Open the relevant page type or assign the template to a resource before customizing it.
2

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

Adjust supporting sections

Review any banners, content sections, or utility sections included in the template so the full page works together as a set.
Collection Page location in Theme Customizer

​
Main settings

​
Settings

Collection Page Settings settings
Adjust Products per page with a slider-based control.Range: 8 to 50 Default: 24
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

​
Filtering and sorting

Collection Page Filtering and sorting settings
Enable or disable Enable filtering.Make sure the chosen option still feels easy to scan and use on smaller screens.Default: enabledCustomize filters with the Search & Discovery app. Learn more
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: verticalDrawer is the default mobile layout.
Enable or disable Enable sorting.Make sure the chosen option still feels easy to scan and use on smaller screens.Default: enabled
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

​
Mobile layout

Collection Page Mobile layout settings
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

​
Common settings

Collection Page Common settings
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
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
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
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

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