404 page

The not-found page: a clear message, a search field, and a route home.

Merchant-addable: No — template section
Settings: 8
Block types: —
File: sections/404.liquid

Used by default on: 404

Screenshots pending

Captures for 404 page at desktop and mobile widths are generated from a live store by npm run shots. They appear here automatically once that has run.

When to use it

Automatic. Shown whenever a URL does not resolve.

Setting it up

Configure the Search group, then Color and Padding.

Where the content comes from

Section settings.

Section settings

Every setting on the section itself, in the order it appears in the theme editor. Group headings match the editor's own grouping.

HeadingText

ID: heading
Default: Page not found

Body textText

ID: body_text
Default: The page you were looking for does not exist. It may have moved, or the link may be broken.

Button labelText

ID: button_label
Default: Continue shopping

Search

Show search formCheckbox

ID: show_search
Default: On

Search label and placeholderText

ID: search_label
Default: Search our store

Color

Color schemeColor scheme

ID: color_scheme
Default: scheme-1

Padding

Top paddingSlider

ID: padding_top
Default: 80
Range: 0px to 100px, in steps of 4px

Bottom paddingSlider

ID: padding_bottom
Default: 80
Range: 0px to 100px, in steps of 4px