<style>
.t762__col.t762__col_padding {
padding-top: 10px; /*отступ сверху*/
}
.breadcrumbs {margin-bottom:30px;} /*отступ снизу от хлебных крошек*/
.breadcrumbs a {
color: #000000!important; /*цвет текста*/
border-radius: 30px!important;
background: #ffffff!important; /*цвет текста*/
padding: 10px 20px 10px 20px!important; /*отступы от текста слева-сверху-справа-снизу*/
font-family: FormaDJR; /*шрифт*/
}
@media (max-width:640px) {
.breadcrumbs a {
font-size: 12px; /*размер шрифта для телефонов*/
}
}
</style>
<script>
$(document).ready(function () {
// Предопределенные тексты для хлебных крошек
const breadcrumbTexts = {
"catalog": "Каталог", // Прописываем адрес и название каталога
"povodki-i-ruletki": "Поводки и рулетки", // Прописываем адреса и названия категорий
"osheyniki-i-shleyki": "Ошейники и шлейки",
"lezhanki-i-domiki": "Лежанки и домики",
"igrushki-i-aksessuary": "Игрушки и аксессуары"
};

// Получаем текущий URL
const currentURL = window.location.href;

// Разбиваем URL на части
const urlParts = currentURL.replace(/https?:\/\//, '').split('/');

// Получаем домен (первый элемент массива)
const domain = urlParts.shift();

// Проверяем, есть ли части URL и содержат ли они каталог
if (urlParts.length > 0 && urlParts.includes("catalog")) {
// Убираем последнюю часть URL, если она не нужна (например, идентификатор продукта)
if (urlParts.length > 1 && !(urlParts[urlParts.length - 1] in breadcrumbTexts)) {
urlParts.pop();
}

// Создаем контейнер для хлебных крошек
const $breadcrumbsContainer = $('<div class="breadcrumbs"></div>');

// Создаем первую крошку (Главная), если пункт Главная не нужен - удаляем содержимое `в кавычках`
let breadcrumbsHTML = `<a href="https://${domain}">Главная</a>`;

// Создаем хлебные крошки для остальных частей URL
let currentPath = `https://${domain}`;
$.each(urlParts, function (index, part) {
currentPath += `/${part}`;

// Получаем текст для текущей части URL из объекта breadcrumbTexts или используем саму часть URL
const text = breadcrumbTexts[part] || part.replace(/-/g, ' '); // Преобразование дефисов в пробелы

// Добавляем крошку с ссылкой
breadcrumbsHTML += ` <a href="${currentPath}">${text}</a>`;
});

// Вставляем HTML хлебных крошек в контейнер
$breadcrumbsContainer.html(breadcrumbsHTML);

// Вставляем хлебные крошки перед элементом .t762__title
const $titleElement = $('.t762__title');
if ($titleElement.length) {
$breadcrumbsContainer.insertBefore($titleElement);
} else {
console.error('Элемент .t762__title не найден на странице.');
}
} else {
console.log('URL не содержит каталога, хлебные крошки не требуются.');
}
});
</script>