> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.ecomx.co/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Shine 404 Page

**Theme:** Shine · **Section type:** 404 page section

The 404 section is what customers see when they open a link that doesn't exist in your store. It shows a short message, a search box, and buttons back to your store, with an optional image beside the text, so customers can find their way instead of leaving.

> **Note:** This section is part of the 404 template. You can't remove it, but you can hide it and add other sections around it. The section holds one Search block and one Button block. You can add Subheading, Heading, and Description blocks as needed.
![404 page with search, buttons, and an image beside the text (Sophisticated)](https://storage.crisp.chat/users/helpdesk/website/-/f/8/b/b/f8bb8da391016800/shine-404-page-1_1y3yz61.jpg)

**What you can do**
- Open the 404 page in the theme editor
- Write the message
- Add search and buttons
- Add an image beside the text
- See what customers see
- Look up every setting in "Settings reference"
- Fix common problems

---

## Open the 404 page in the theme editor
1. In the theme editor, open the template selector at the top of the page.
2. Click **Others** > **404 page**.
3. In the left sidebar, click **404**.

The template comes with a Subheading, Heading, Description, Search, and Button block.

## Write the message
1. Click the **Subheading** block and enter the **Text**, for example "404 — Page not found".
2. Click the **Heading** block, enter the **Text**, and choose a **Heading size**: Headline, H1, H2, or H3.
3. Click the **Description** block and enter the **Text**.
4. Drag the blocks to change their order.
5. Click **Save**.

> **Tip:** The default description says "Please contact us at Shine". Replace "Shine" with your store name, or add a link to your contact page.

## Add search and buttons
1. Under **404**, click **Add block** > **Search** to add a search box. The block has no settings.
2. Click **Add block** > **Button**.
3. Enter a **Home page button label** and a **Catalogue button label**. Leave a label empty to hide that button.
4. Click **Save**.

## Add an image beside the text
1. Click **404**.
2. Under **Image**, select an **Image**.
3. Under **Large screen**, choose a **Section ordering**: Text first (text on the left) or Image first (image on the left).
4. Under **Mobile screen**, choose a **Section ordering**: Text first (text above the image) or Image first (image above the text).
5. Click **Save**.

## What customers see
- **Message:** the subheading, heading, and description. Without an image, the text is centered. With an image, the text sits beside the image on large screens.
- **Search box:** customers type a search term and press Enter or 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.
- **Phones and tablets:** the text and image stack, in the order you chose under **Mobile screen**.
![404 page on a phone, with the text above the image (Sophisticated)](https://storage.crisp.chat/users/helpdesk/website/-/f/8/b/b/f8bb8da391016800/shine-404-page-2_y93y6m.jpg)

## Settings reference

### General
| Setting | What it does |
| ---- | ---- |
| Color scheme | Sets the background and text colors of the section. You edit color schemes in Theme settings > Colors. |

### Image
| Setting | What it does |
| ---- | ---- |
| Image | Adds an image beside the text. |

### Large screen
| Setting | What it does |
| ---- | ---- |
| Section ordering | Shows the text on the left (Text first) or the image on the left (Image first). Applies only when you add an image. |

### Mobile screen
| Setting | What it does |
| ---- | ---- |
| Section ordering | Shows the text above the image (Text first) or the image above the text (Image first). Applies only when you add an image. |

### Subheading block
| Setting | What it does |
| ---- | ---- |
| Text | Sets the short line above the heading. |

### Heading block
| Setting | What it does |
| ---- | ---- |
| Text | Sets the heading. Put words between [ and ] to highlight them. You choose the highlight style in Theme settings > Typography. |
| Heading size | Sets the heading size: Headline, H1, H2, or H3. |

### Description block
| Setting | What it does |
| ---- | ---- |
| Text | Sets the message below the heading. You can add bold, italic, and links. |

### Search block
The block has no settings. It adds a search box with the placeholder "Search the site".

### Button block
| Setting | What it does |
| ---- | ---- |
| Home page button label | Sets the text of the button that opens your homepage. Leave it empty to hide the button. |
| Catalogue button label | Sets the text of the button that opens the page with all your products. Leave it empty to hide the button. |

## Troubleshooting
**I can't add another search box or button block.**
The section holds one Search block and one Button block. The Button block already has two buttons.

**A button is missing.**
The button is hidden when its label is empty. Enter a **Home page button label** or **Catalogue button label**.

**I can't find the Paragraph block.**
It's now called **Description**.

**The image and text are in the wrong order on phones.**
Phones use their own setting. Change **Section ordering** under **Mobile screen**.

## Related articles
- [Shine Search Page](https://doc.ecomx.co/en/article/shine-search-page-1xgwndo/)
- [Shine Page/Policies Page](https://doc.ecomx.co/en/article/shine-pagepolicies-page-1dwyo20/)
- [Shine Password Page](https://doc.ecomx.co/en/article/shine-password-page-1czkg7o/)
- [Shine Typography](https://doc.ecomx.co/en/article/shine-typography-6k6p3o/)