Articles on: Blum Theme

Blum 404 template

Theme: Blum · Section type: Template section (404 template)


The 404 template is the page customers see when they open a link that doesn't exist on your store. It helps them find their way with a message, a search box, and buttons to your homepage and your catalog.


Note: The template comes with the 404 not found page section. You can hide it, but you can't remove it. You can add other sections to the template.

404 page with a message, search box, and two buttons on desktop


What you can do

  • Open the 404 template
  • Change the message and add an image
  • Set up the search box and buttons
  • See what customers see
  • Look up every setting
  • Fix common problems



Open the 404 template


  1. In the theme editor, open the template menu at the top and select 404 page.
  2. In the left sidebar, click the 404 not found page section.


Change the message and add an image


  1. Under Text, enter a Subheading, a Heading, and a Description.
  2. Under Image, select an Image.
  3. Under Layout, select a Content ordering on desktop: Text first or Image first.
  4. Click Save.


Without an image, the text and buttons are centered on the page.


Set up the search box and buttons


  1. Under Functions, turn on or off Enable search.
  2. Enter a Home page button label. Leave it empty to hide the button.
  3. Enter a Catalogue button label. Leave it empty to hide the button.
  4. Click Save.


What customers see


  • Message: the subheading, heading, and description at the top of the page.
  • Search box: customers type a search term and press Enter or click the search icon to open the search results page.
  • Buttons: the home page button opens your homepage. The catalogue button opens the page with all your products.
  • Image (desktop): the image sits beside the text, on the right with Text first or on the left with Image first.
  • Buttons layout: the buttons sit side by side on very wide screens (from 1681 px). On smaller screens they stack.
  • Phones: the image appears above the text.

404 page on mobile


Settings reference


General


Setting

What it does

Color scheme

Sets the colors of the section. You can edit color schemes in Theme settings > Colors.


Layout


Setting

What it does

Content ordering on desktop

Places the text on the left and the image on the right (Text first), or the image on the left (Image first). Applies only when you add an image.

Remove padding top

Removes the space above the section.

Remove padding bottom

Removes the space below the section.


Text


Setting

What it does

Subheading

Small text above the heading.

Heading

The main message.

Description

Text below the heading.


Image


Setting

What it does

Image

An image shown beside the text on desktop and above it on phones.


Functions


Setting

What it does

Enable search

Shows a search box below the message.

Home page button label

The text of the button that opens your homepage. Leave it empty to hide the button.

Catalogue button label

The text of the button that opens the page with all your products. Leave it empty to hide the button.


Troubleshooting


Content ordering on desktop doesn't change anything.
The setting only works when the section has an image. Select an Image under Image.


A button is missing.
Its label is empty. Enter a Home page button label or a Catalogue button label under Functions.


How do I see the 404 page on my store?
Open any address on your store that doesn't exist, for example your domain followed by /pages/test-404.



Updated on: 26/10/2026

Was this article helpful?

Share your feedback

Cancel

Thank you!