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