404 & password

Two templates you never link to and never create. Shopify reaches for them on your behalf. The 404 page answers an address that does not exist. The password page stands in for your whole storefront while it is locked. Both are built out of blocks in Lapels, so a dead end and a closed door are still designed pages rather than error messages.

The 404 page

Shopify shows the 404 page whenever a visitor opens an address that no longer works. That could be a product you deleted, a mistyped URL, an old bookmark, or a link a magazine printed two seasons ago. You never create it and never link to it.

To edit it, open Online Store → Themes → Customize, switch the page selector at the top of the editor to 404 page, and edit the 404 page section.

The layout is two columns on a wide screen. A jumbo 404 numeral sits on the left, and a column of blocks on the right. Everything in that column is a block, so you can reword it, reorder it, drop the search or the collection links, or add anything else the theme offers. You never need a new template.

Key settings (in the section’s settings):

Setting	What it does	Default
Color scheme	Section colors, chosen from the schemes in your theme settings.	scheme-paper
Use “404” as the page heading	Makes the numeral the page’s main heading. Turn this on only if you remove the heading block below, so the page always has exactly one.	Off

Every Lapels section also carries a Section spacing group. Pick a Device of Desktop or Mobile, then set Top and Bottom padding from 0 to 200px in steps of 4. Desktop starts at 96px and mobile at 56px, and the two are stored separately.

Caution

A page needs exactly one main heading, and on the shipped 404 that heading is the Heading block in the column. Do not turn Use “404” as the page heading on while that block is still there, or the page will have two. Turn it on only after you have removed the heading block, or leave it off and keep the block.

Blocks

Lapels ships the 404 page with four blocks in the column: a heading, a line of intro copy, the search field, and the collection links. Two of them exist only on this page.

Block	Settings
Heading	Heading (italicize a word or two and the theme prints them in the accent color), Width (Narrow, Normal, Wide, Full width), Size (Display, Heading 1, Heading 2, Heading 3), and Alignment. The shipped one is set to Full width, Heading 1, left.
Text	Text, a Style of Body, Intro, or Label, and Alignment. The shipped one uses Intro, which sets it as a lede under the heading.
Search	None. It is one field and one button, posting straight to your search results. Its presence in the column is the control, which is why it has no on/off switch of its own.
Collections	Heading, which falls back to the theme’s own translated line, “Start again from a collection”, when left empty. Plus Collections, a picker holding up to six. Leave the picker empty and it takes the first six collections in your shop.
Button	Link label, Link, a Style of Primary, Secondary, or Ghost, and Open in a new tab.
Divider	Width (Contained or Full width), Spacing above and below the line (0 to 80px), and Draw on scroll.
Spacer	Height, 8 to 160px.
Custom Liquid	A Code field, for an app snippet or Liquid of your own.

App blocks are accepted too, so a recommendations app can put something useful under the search field.

The Search block uses predictive search when it is turned on in your theme settings, and falls back to a plain search submission when it is not.

The Collections block never renders empty. With no collections picked it takes the first six your shop has. On a shop with no collections at all it falls back to a single link home, so a visitor at a dead address always has somewhere to go.

Tip

Keep the search field, and point the collection links at the six collections you actually want a lost visitor to land in rather than leaving the picker to guess. A 404 is a shopper who is still on your store. The page’s job is to give them a next step, not to apologize.

The password page

While your storefront is password-protected, every visitor without the password sees the password page instead of your store. It is the page a pre-launch store lives on.

It only appears while the storefront password is enabled. Turn it on under Online Store → Preferences → Password protection in your Shopify admin, and set the password there. You can also write the message shown to visitors. Turn the password off and the page is unreachable. The template stays in the theme, waiting for the next time you need it.

To edit it, open the theme editor and switch the page selector to Password page.

Lapels draws it as a plate. A hairline rectangle sits inset from the edges of the screen, with your mark at the top, whatever you chose to say in the middle, and one way in.

That way in is a key on the top edge of the plate reading Enter using password. It opens the password form as a dialog over the page. The dialog takes its colors from Theme settings → Modals, the same scheme the cart drawer and quick view use, so it looks consistent on whichever ground the page is set.

Key settings (in the section’s settings):

Setting	What it does	Default
Color scheme	The scheme that paints the whole page. Unlike most sections, this one defaults to a dark scheme.	scheme-night
Logo	An image for this page only. Leave it blank and the theme uses your default logo, or your inverse logo when this page’s scheme is dark, then the wordmark.	None
Logo width	How wide the mark runs, 80 to 320px.	150px
Image	Optional. Fills the page behind the content.	None
Overlay strength	How much of the color scheme’s background covers that image, 0 to 100%. Keep it high enough for the text to stay readable.	55%

This section has no section spacing controls. It is the whole page rather than a band on one, so it sizes itself to the screen.

Note

The two theme marks do not stand in for each other. A logo drawn in dark ink is invisible on a dark ground, and the inverse is invisible on a light one. When the theme cannot supply the right one for the ground you chose, it falls back to the wordmark. The wordmark is set in the scheme’s own text color, so it is always readable. If your uploaded mark disappears here, set the right one in this section’s Logo picker rather than changing the scheme.

What the page shows

In order down the plate.

• Your store name or logo, as the page’s one main heading.
• Your password-page message, if you wrote one under Online Store → Preferences. It is rich text, so a link or a list typed there is set the way the theme sets one anywhere else.
• Your blocks, in the order you put them.
• Are you the store owner?, with a link to your admin.
• Shopify’s attribution line, as the page’s sign-off.

The key at the top opens the password dialog. The password itself is the one you set in your admin. The theme only renders the form.

Blocks

Lapels ships the password page with three blocks: a heading, the countdown, and the newsletter signup. The countdown and the signup exist only on this page.

Block	Settings
Heading	Heading, Width, Size, and Alignment. The shipped one is Heading 2, centered.
Text	Text, a Style of Body, Intro, or Label, and Alignment.
Countdown	Opens on, the moment the clock counts down to, written as YYYY-MM-DD HH:MM in your store’s timezone. For example, 2026-11-29 09:00. Plus Message once it has ended, which takes the place of the clock after the date has passed.
Newsletter	Heading and Link label for the signup form.
Button	Link label, Link, a Style of Primary, Secondary, or Ghost, and Open in a new tab.
Divider	Width, Spacing, and Draw on scroll.
Spacer	Height, 8 to 160px.
Custom Liquid	A Code field.

App blocks are accepted here too.

The Countdown is drawn as four figures over a single hairline rather than as four boxes, because the page it sits on is already a ruled plate. The page decides which of its two states is true and draws that one whole. A date still ahead gets the clock, already carrying the correct figures. A date that has passed, is blank, or cannot be read gets the message instead, and no clock at all.

The Newsletter block is one field and one button. It tags every address it captures as newsletter, so pre-launch signups land in the same customer segment your storefront’s own signup form fills. It is a plain submission, and it reports both success and failure where the visitor is looking rather than at the top of the page. Leave its Link label empty and the button falls back to the theme’s own translated word, so it is never a nameless control.

Tip

Write a real date into Opens on rather than leaving the shipped one. A countdown to a date that has already passed shows the ended message instead of a clock. That is the right behavior, but not the impression you want on a store that is about to open.

Related: Customer accounts · Blog & pages · Sections · Custom Liquid · Lapels support replies within 12 hours.