404 page
Overview
The 404 Page Section is a customizable area for displaying a friendly and branded error message when customers land on a non-existent page. This section is equipped with options for custom images, text, and a call-to-action button, ensuring the experience aligns with the store’s visual and communication style.
Settings Configuration:
Image Settings
| Setting |
Description |
| Image |
Select an image to display on the 404 page. Leave blank to use a default placeholder image. |
Heading Settings
| Setting |
Description |
| Heading |
Custom heading text to display on the 404 page. |
| Heading Size |
Select the size for the heading. Options: H1, H2, H3, H4. Default: H1. |
| Heading Weight |
Choose the font weight for the heading. Options: Bold, Semi-Bold, Medium, Normal. Default: Bold. |
Description Settings
| Setting |
Description |
| Description |
Add a custom message or description for the 404 page. |
| Description Size |
Select the text size for the description. Options: H3, H4, H5, H6. Default: H3. |
| Description Weight |
Set the font weight for the description. Options: Bold, Semi-Bold, Medium, Normal. Default: Bold. |
Captions Settings
| Setting |
Description |
| Caption One |
Add a supporting message for the error. |
| Caption One Size |
Choose the size for Caption One. Options: Small, Medium, Large. Default: Small. |
| Caption One Weight |
Set the font weight for Caption One. Options: Bold, Semi-Bold, Medium, Normal. Default: Normal. |
| Caption Two |
Add an additional supporting message. |
| Caption Two Size |
Choose the size for Caption Two. Options: Small, Medium, Large. Default: Medium. |
| Caption Two Weight |
Set the font weight for Caption Two. Options: Bold, Semi-Bold, Medium, Normal. Default: Normal. |
| Setting |
Description |
| Button Label |
Set the label for the button. |
| Button Link Type |
Choose the button style. Options: Primary, Secondary. Default: Primary. |
| Button Link |
Specify the URL for the button. Default: Homepage URL. |
| Open Link in New Tab |
Option to open the link in a new tab. Default: Disabled. |
Layout Settings
| Setting |
Description |
| Color Scheme |
Set a color scheme for the section. Default: Scheme 1. |
Spacing Settings
| Setting |
Description |
| Top Padding |
Adjust the padding at the top of the section. Range: 0–100px. Default: 0px. |
| Bottom Padding |
Adjust the padding at the bottom of the section. Range: 0–100px. Default: 0px. |