Автоматические хлебные крошки
Собирает цепочку навигации из URL страницы и заменяет адресные названия понятными подписями из словаря.
Что делает модификация
Собирает цепочку навигации из URL страницы и заменяет адресные названия понятными подписями из словаря.
Требования
Иерархия определяется путём URL, а не расположением страниц в редакторе. Родительские страницы должны существовать. Без записи в словаре показывается читаемый сегмент адреса. Разметка BreadcrumbList добавляется только если на странице ещё нет такой разметки.
Настройте под свой сайт
| Настройка | Назначение |
|---|---|
| Название главной | Выберите значение в интерфейсе личного кабинета. |
| Фон блока | Выберите значение в интерфейсе личного кабинета. |
| Цвет ссылок | Выберите значение в интерфейсе личного кабинета. |
| Цвет текущей страницы | Выберите значение в интерфейсе личного кабинета. |
| Размер шрифта, px | Параметр 10–40 |
| Жирность | Параметр 100–900 |
| Словарь: segment=Название | Выберите значение в интерфейсе личного кабинета. |
| Тип разделителя | Выберите значение в интерфейсе личного кабинета. |
| Символ разделителя | Выберите значение в интерфейсе личного кабинета. |
| Цвет разделителя | Выберите значение в интерфейсе личного кабинета. |
| Размер символа, px | Параметр 8–40 |
| Жирность символа | Параметр 100–900 |
| HTTPS-ссылка на иконку | Выберите значение в интерфейсе личного кабинета. |
| Ширина иконки, px | Параметр 4–64 |
| Высота иконки, px | Параметр 4–64 |
| Отступ: до 480 px | Параметр 0–400 |
| Отступ: 480–639 px | Параметр 0–400 |
| Отступ: 640–959 px | Параметр 0–400 |
| Отступ: 960–1199 px | Параметр 0–400 |
| Отступ: от 1200 px | Параметр 0–400 |
| Добавлять BreadcrumbList, если отсутствует | Выберите значение в интерфейсе личного кабинета. |
Пошаговая установка
- Подготовьте адреса страницСоздайте иерархию URL: например, /blog и /blog/moya-statya. В Tilda измените адрес в настройках страницы. Убедитесь, что родительские адреса действительно открываются; скрипт не создаёт страницы.
- Заполните словарьВ «Моих покупках» задайте название главной и пары segment=Название, по одной на строку: blog=Блог и moya-statya=Моя статья. В ключе используйте сегмент адреса без слешей.
- Настройте оформлениеВыберите фон, цвет обычных и текущей ссылки, размер шрифта. Для разделителя выберите символ либо HTTPS-ссылку на иконку. Укажите верхний отступ для каждого диапазона экранов.
- Получите и установите кодНажмите «Сгенерировать код» и скопируйте результат. Вставьте его в T123 на нужной странице либо в общем footer. Не вставляйте в текстовое поле и не дублируйте экземпляры.
- Опубликуйте и проверьтеОпубликуйте страницы. Крошки появятся после header, а если его нет — в начале страницы. Проверьте ссылки предков, текущую подпись и мобильные отступы. При фиксированном меню увеличьте верхний отступ.
- Сохраните старые переходыПри изменении адресов настройте редиректы со старых URL средствами Tilda. Модификация сама редиректы не создаёт. После изменения словаря заново сгенерируйте код и замените прежнюю копию.
Иерархия определяется путём URL, а не расположением страниц в редакторе. Родительские страницы должны существовать. Без записи в словаре показывается читаемый сегмент адреса. Разметка BreadcrumbList добавляется только если на странице ещё нет такой разметки.
Частые вопросы
Откуда берутся названия?
Из словаря segment=Название. Если совпадения нет, используется декодированный сегмент URL с пробелами вместо дефисов и подчёркиваний.
Где располагается блок?
После #t-header или элемента header. Без шапки — в начале #allrecords или контейнера страницы. Положение нужно проверить с вашим фиксированным меню.
Нужно ли создавать родительские страницы?
Да. Например, для /catalog/chairs/chair должны существовать /catalog и /catalog/chairs, иначе ссылки на них ведут к отсутствующим страницам.