A 404 page, also known as a "not found" page, is a web page that is displayed when a user tries to access a page that does not exist on the website.
With Concept, an OS 2.0 Shopify theme, you have the ability to add various sections on every page. This means that you can fully customize the look and feel of your 404 page by adding any sections that you desire. Simply click on the Add section button and choose the sections that you want to appear on your page.
By doing this, you can create a visually appealing 404 page that will keep your visitors engaged and informed.
By default, the template group for 404 pages includes two sections:
1. 404 page section
This section displays specific content or information on a 404 page.
| Section settings | Description | |
|---|---|---|
| Heading | ||
| Heading size | The heading size can be set to one of the following options: Small, Medium, Large, or Extra large. | |
| Heading tag | Selects the heading tag to structure and organize your content for SEO. | |
| Section | ||
| You can adjust the Top padding and Bottom padding from 0px to 120px in increments of 4px. | ||
| Show section divider | Shows a line divider above this section | |
| Make section narrow | Makes the container narrow. | |
| Make section rounded | Applies a rounded edge to the top two corners. | |
| Custom CSS | Adds custom CSS to this section. | |
This section does not support adding blocks.
2. Empty space
With this section, you can customize the vertical space height between sections, respectively to different devices.
| Section settings | Description | |
|---|---|---|
| Empty space | ||
| Desktop height | Sets the height of the empty space on desktop from 0px to 120px in increments of 4px, with a default of 40px. | |
| Mobile height | Sets the height of the empty space on mobile from 0px to 120px in increments of 4px, with a default of 28. | |
| Color
|
You can optionally customize the colors of the section, including the following:
|
|
| Custom CSS | Adds custom CSS to this section. | |
This section does not support adding blocks.
We hope this article has been helpful. If you have any questions or concerns about this feature, please do not hesitate to contact our team for support.
