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

What this template controls

  • Headings, text content, and on-page messaging
  • Layout structure, width, alignment, and spacing
  • Calls to action, links, and navigation behavior
  • 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:
  • 404
  • Featured Collections

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.
404 Page location in Theme Customizer

Main settings

Settings

404 Page Settings settings
Enter the content used for heading.Default: 404 - Page not found
Enter the content used for text.Default: <p>Oops, We can't find what you're looking for here.</p>
Enter the content used for button label.Keep action labels short so they remain readable across devices.Default: Continue shoppingLeave empty to hide the button
Choose how Button style behaves in the section.Keep action labels short so they remain readable across devices.Available options: Filled, Outlined, Text.Default: outlined
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

Common settings

404 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: XXS, Page, Fluid.Default: xxs
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.
  • Keep labels short and scannable, especially in tighter layouts or utility areas.
  • 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.