404​

The 404 template displays the content of the page shown when a customer enters a non-existent store URL.

Location​

The 404 template is located in the templates directory of the theme:

└── theme
    ├── layout
    ├── templates
    |   ...
    |   ├── 404.json
    |   ...
    ...

Content​

The 404 template does not have a specific object. However, it should clearly inform the customer that the page they are searching for cannot be found.

Provide clear options for what to do next. For example, you can provide links to popular pages and a search bar to assist customers in finding what they need, or links to direct them to your homepage or a collection page for Continue shopping:

<h1 class="title">
  404 Page Not Found
</h1>
<a href="{{routes.all_products_collection_url}}" class="shopping-button">
  Continue Shopping
</a>