Five 404 sections, so a dead link stops being a dead end

Every store has a 404. Almost nobody designs one, because it is the page you never look at. Your shoppers do, though, and by definition they got there wanting something specific and not finding it. Most themes hand them a sentence and a link back to the homepage, which is roughly the retail equivalent of pointing at the front door.

Five new sections, in a new 404 & Utility category. Each is built around a different answer to the question of what a lost shopper actually needs.

404 Wayfinding

Read as a transit sign rather than an error dialog. An oversized numeral, a rule that bleeds off the edge, then the two things that actually recover the visit: your store's search, and a short row of quick links. The numeral breaks out of the text column and comes to rest against the photo's edge, so the two halves of the section touch.

Search here is a plain search, landing on your normal results page. Nothing to configure, nothing loading in the background.

404 Split

The same idea with everything optional taken away. Full-height photo, big code, one sentence, one button, and a left-or-centre toggle. Where Wayfinding tries to route the shopper onward, this one just apologises well and gets out of the way. Signal red on white, deliberately the opposite tone to Wayfinding's mineral and pine.

404 Console

For stores whose photography is supplier packshots on white. There is no photo slot at all, so what you install is the finished design, and a white packshot never gets stretched edge to edge on the one page whose job is proving the site is not broken.

Search is the biggest control on the page, because these shoppers usually arrive holding an exact string: a model number, a SKU, a product code. Under it, routes split into a Shop column and an Account column. That second column is the point. On a gated or wholesale catalogue, a URL 404s for a signed-out buyer, and "sign in and try again" is the only recovery that exists for them.

404 Directory

A departures board. Numbered rows on hairlines that flood with your accent colour on hover, each row a whole department rather than a product. Built for broad catalogues where the fastest way back is a category, not a search.

Pick a collection on a row and the title, link, cover image and product count fill themselves in, using your own store photography and your own real count. Nothing is invented.

404 Recovery

The one that keeps selling. A bold error lockup sits above a row of real products from any collection, both halves inside a single outlined plate, split by one hard rule. It reads as one poster, not a section with a rail bolted underneath.

Bold a word in the heading and it gets a highlighter swipe rather than a colour change. That is not a style choice: a yellow bright enough to read as your brand accent is unreadable as text (the default measures about 1.4:1 on white). Making it the background instead, and picking the ink to sit on it, means a bright accent stays legible.

Adding one

These only appear on the 404 template, so the theme editor will not offer them on a regular page. In the editor, open the template picker at the top, choose Others → 404, then Add section. Installing from the catalogue takes you to the right place automatically.

Nothing here uses JavaScript, and every route resolves through your store's own URLs, so the links keep working across every language and market you sell into.