Page Not Found¶

Availability:

404 page

Use page_not_found module to insert an information that the page has not been found. This module is available only on the 404 page.

Configuration parameters¶

none

Module source code¶

{% from "@macros/image.twig" import image %}

{% set shopUrls = ObjectApi.getShopUrls() %}

{% set imgProperties = {
    src: '/assets/img/icons/404.svg',
    alt: translate('404'),
    id: "page-not-found__image-#{moduleInstance}",
    class: 'page-not-found__image',
    width: 376,
    height: 128,
    decoding: 'async',
    lazy: true
} %}

<div class="page-not-found align_center">
    {{
        image({
            img: imgProperties,
            picture: {
                class: 'image_block'
            }
        })
    }}

    <h1 class="page-not-found__title font_semibold mt-xs-4 mt-md-6 mb-xs-3">
        {{ translate('Requested page does not exist') }}
    </h1>
    <small class="page-not-found__description p_s d-block color_secondary mb-xs-4 mb-md-6">
        {{ translate('Sorry, the page you are looking for was not found. Please go to the Home page or use the search engine to discover what interests you.') }}
    </small>
    <a href="{{ shopUrls.mainPageUrl }}" class="product-not-found__button btn btn_s btn_primary">
        {{ translate('Go to the Home page') }}
    </a>
</div>

Used macros¶

image

Used Object Api methods¶

getShopUrls()

Used styles¶

Module configuration schema¶

[
    {
        "state": "unfolded",
        "label": "General settings",
        "elements": [
            {
                "type": "infobox",
                "name": "infobox",
                "options": {
                    "type": "blank",
                    "message": "#### Related settings in the admin panel%s- changing phrases in [translations](%s)",
                    "placeholderValues": [
                        "\n",
                        "\/admin\/configLanguages\/list"
                    ]
                }
            }
        ]
    }
]