404 page

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

Merchant-addable: No — template section
Settings: 14
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.

Content

EyebrowText

ID: eyebrow
Default: 404

HeadingText

ID: heading
Default: Page not found

Heading sizeDropdown

ID: heading_size
Default: Large

Smallsmall
Mediummedium
Largelarge

Body textText

ID: body_text
Default: The page you were looking for does not exist. Search the store or return to a familiar ritual.

Button labelText

ID: button_label
Default: Return to the home page

Search

Show search formCheckbox

ID: show_search
Default: On

Search label and placeholderText

ID: search_label
Default: Search Lux
Shown when: show_search

Media

Image layoutDropdown

A Shopify placeholder appears until you select a desktop image.

ID: image_layout
Default: Split

Splitsplit
Backgroundbackground
No imagenone

Desktop imageImage

16:9 aspect ratio recommended.

ID: image
Shown when: image_layout is not 'none'

Mobile imageImage

4:5 aspect ratio recommended. Custom desktop images also appear on mobile when left blank.

ID: mobile_image
Shown when: image_layout is not 'none'

Image overlay opacitySlider

Adds the selected color scheme over the background image.

ID: image_overlay_opacity
Default: 20
Range: 0% to 80%, in steps of 5%
Shown when: image_layout is 'background'

Color

Color schemeColor scheme

ID: color_scheme
Default: scheme-1

Padding

Top paddingSlider

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

Bottom paddingSlider

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