- Getting Started
- Liquid reference
- Filters reference
- Tags reference
- Localization
- Theme structure
- Theme sections
- Theme assets
- Theme config
- Theme layout
- Theme templates
-
- article.liquid
- blog.liquid
- cart.liquid
- collection.liquid
- customer/account.liquid
- customer/addresses.liquid
- customer/details.liquid
- customer/login.liquid
- customer/order.liquid
- customer/register.liquid
- customer/reset-password.liquid
- home.liquid
- page.no-heading.liquid
- products.liquid
- search.liquid
- list-collections.liquid
- store-locator.liquid
- 404.liquid
- customer/activate_account.liquid
- customer/orders.liquid
- Submission
404.liquid
The 404.liquid template renders the "page not found" page. It is loaded whenever a visitor requests a URL that does not exist in the shop, such as a deleted product or a mistyped address.
A typical 404 page apologizes for the missing page and helps the visitor find what they were looking for. Add a search form so visitors can look up products directly. The form posts to the /search URL using an input of type search with the name attribute q.
<h1>{{ 'general.404.oops' | t }}</h1>
<p>{{ 'general.404.oops_description' | t }}</p>
<form action="/search" method="get" role="search">
<input type="search" name="q" value="{{ search.terms | escape }}" placeholder="{{ 'general.search.placeholder' | t }}">
<button type="submit">{{ 'general.search.submit' | t }}</button>
</form>
Suggesting top products
You can guide visitors back into the store by listing a few featured products. Loop through the top_products array and render a product card for each item. More info ›
{% for product in top_products %}
<a href="{{ product.url }}">
{{ product.title }} - {{ product.price | money }}
</a>
{% endfor %}