Как сделать автоматические хлебные крошки на Тильда?

Инструкция

Шаг 1.
Важно! Если хлебные крошки нужны на всём сайте, установите код на страницу шапки сайта, или в head в настройках сайта глобально.

Для установки вам понадобится создать два блока t123 в Tilda:

1. Блок для Скрипта: Сюда вы вставите весь код, сгенерированный в Генераторе.
2. Блок-Контейнер: Это будет пустой блок (еще один T123), куда скрипт автоматически поместит сами хлебные крошки. Он должен остаться пустым, в нем вы можете только задавать ширину хлебных крошек, отступы в колонках слева, расположение крошек.

Шаг 2.
Заполни поля в генераторе.

Теперь перейдите в Генератор модификации и настройте следующее:

• ID блока T123: Укажите здесь ID вашего Блока-Контейнера (того, куда скрипт будет вставлять хлебные крошки из Шага 1).
• Добавить пункт «Главная»: Отметьте галочкой, если хотите, чтобы хлебные крошки начинались со ссылки на главную страницу.
• Стиль разделителя: Выберите символ, который будет разделять пункты (например, / или >) и укажите его цвет. При необходимости можно вписать свой разделитель, подойдет любой текстовый символ который существует. :)
• Расположение хлебных крошек: Настройте внешние отступы (сверху, снизу, слева) для всего блока хлебных крошек на десктопной версии сайта.
• Настройка для мобильной версии (до 640px): Укажите отдельные внешние отступы (сверху, снизу, слева) и размер шрифта для хлебных крошек на мобильных устройствах.
• Настройка шрифта: Выберите шрифт, его размер и насыщенность (жирность), а также цвет текста для обычных (неактивных) пунктов хлебных крошек.
• Активный пункт: Настройте насыщенность (жирность), цвет и прозрачность текста для активного (последнего) пункта хлебных крошек (названия текущей страницы).
• При наведении: Настройте, как будут выглядеть пункты-ссылки при наведении курсора: цвет текста, прозрачность и стиль подчеркивания (толщина и цвет).
• Добавить Перевод: Используйте эту опцию, чтобы заменить части URL-адреса страниц (например, /about-us/) на свои собственные, более понятные названия в хлебных крошках (например, "О компании"). Для каждого нужного перевода добавьте отдельное правило, указывая оригинальный сегмент URL и новое название. Пример.

Шаг 3.
Когда всё готово — копируешь HTML-код и вставляешь его в блок T123 на странице, где должен работать поиск, или размести код в шапке сайта.

Имей ввиду:
Для хлебных крошек в товарах нужно использовать модификацию NLM145.