<script>
$(document).ready(function () {
// Добавляем класс Zero Block
$('#rec763901949').addClass("actionGL");
// Добавляем класс текста
$("[field='tn_text_1718654108068']").addClass("podzagolovok");
// Добавляем класс кнопки
$(".tn-elem__7639019491718654334353").addClass("sliderbutton");
// Данные по слайдам
const slidesData = [
{
index: 1,
// Меняем текст
text: 'Производство <b style="color: #0067d6;">таблеток для посудомоечной машины</b> в России',
// Меняем ссылку на кнопку
href: 'https://t.me/breeze_tilda',
// Меняем текст кнопки
btnText: 'Запросить КП'
},
{
index: 2,
text: 'Производство <b style="color: #0067d6;">микрофибры</b> в России под СТМ с вашим брендом',
href: 'https://t.me/breeze_tilda',
btnText: 'Оставить заявку'
},
{
index: 3,
text: 'Производство <b style="color: #0067d6;">кислородного отбеливателя</b> в России под СТМ',
href: 'https://t.me/breeze_tilda',
btnText: 'Связаться'
}
// Если нужно больше слайдов, то копируем блок начиная от { index: 3 заканчивая btnText: 'Связаться' } и меняем в нем index: 3 на index: 4, текст и т.д.
];
function sldchange() {
const target = document.querySelector('.actionGL .t-slds__items-wrapper');
if (!target) return;
const observer = new MutationObserver(function (mutations) {
mutations.forEach(function (mutation) {
if (mutation.attributeName === "class") {
slidesData.forEach(slide => {
const $slide = $(`.actionGL .t-slds__item:eq(${slide.index})`);
if ($slide.hasClass("t-slds__item_active")) {
const $title = $(".podzagolovok");
const $button = $(".sliderbutton a");
if ($title.length) $title.html(slide.text);
if ($button.length) $button.attr('href', slide.href).text(slide.btnText);
}
});
}
});
});
observer.observe(target, { attributes: true });
}
// Ожидание появления слайдера
function checkSld() {
if ($('.tn-atom__gallery .t-slds').length) {
sldchange();
clearInterval(sldInterval);
}
}
const sldInterval = setInterval(checkSld, 200);
});
</script>