Edit documentation Edit document
SSR/SSG

Breadcrumbs Config

The breadcrumbsConfig object is used to define the structure and content of breadcrumbs for website. Breadcrumbs help users navigate the site hierarchy and improve the overall user experience.

Root Configuration

The root of a configuration is an array of objects. Each object represents a configuration with a language option if the site is multilingual.

Key Properties

Property Name Type Description
langCode string A string representing the language code (e.g., 'uk' for Ukrainian).
defaultLang boolean A boolean indicating whether this language is the default one for the site.
routesTree object An object defining the hierarchy of breadcrumbs for the language.

routesTree Properties

The routesTree object defines the breadcrumb structure for navigation.

Property Name Type Description
title string A string representing the name of the breadcrumb, displayed to the user.
link string A string defining the URL path associated with the breadcrumb.
childs array An array of objects representing child breadcrumbs. Each child object has the same structure (title and link properties, with its own childs array).
export const breadcrumbsConfig = [
    {
        langCode: 'string',
        defaultLang: true,
        routesTree: {
            title: "string",
            link: "string",
            childs: [
                {
                    title: "string",
                    link: "string",
                    childs: [],
                }
            ]
        }
    }
];