404 page
The not-found page: a clear message, a search field, and a route home.
- Merchant-addable
- No — template section
- Settings
- 16
- Block types
- —
- File
sections/404.liquid
Used by default on: 404
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.
404 page
The background image treatment uses a lifestyle placeholder behind the text. The split treatment uses the standard image placeholder. Choose desktop and optional mobile artwork; no product data or metafields are required.
Heading size sets the “Page not found” heading to Small, Medium, or Large. Medium is the default.
Search
When Show search form is on, the 404 page shows the same search bar as the search page: a field with a clear button once a shopper types, an arrow submit button, and a Suggested row of searches underneath. The field and button follow the Corner style in theme settings, including the custom control corner radius when it is turned on.
| Setting | What it does |
|---|---|
| Search placeholder | Text shown in the empty field. Leave it blank to use the search page placeholder. |
| Suggested links menu | Optional. Select a menu of search suggestions or collection links. Only top-level links appear, and a selected menu replaces the suggested search terms. |
| Suggested search terms | Phrases separated by commas. Each one starts a fresh search for products, articles, and pages. Clear the field to hide the row. Hidden while a suggested links menu is selected. |
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
Search
Leave blank to use the search page placeholder.
Optional. Select a menu of search suggestions or collection links. Only top-level links appear.
Separate suggestions with commas. Each phrase starts a fresh search. A selected suggestions menu overrides these terms.
Media
A Shopify placeholder appears until you select a desktop image.
16:9 aspect ratio recommended.
4:5 aspect ratio recommended. Custom desktop images also appear on mobile when left blank.
Adds the selected color scheme over the background image.