Перенос табов в карточке товара тильда

Простой и элегантный способ перенести табы(или аккордеон) с низа карточки товара, в контентную зону под описание. Берем следующий скрипт и вставляем в блок Т123 в товарном подвале.

Скрипт для раскрывающихся списков (аккордеон)

<script>
(function() {
    const moveTabs = () => {
        // Исходный контейнер табов
        const source = document.querySelector('.js-store-tabs.t-store__tabs');
        // Целевой контейнер (правая колонка контента)
        const destination = document.querySelector('.t-store__prod-popup__info');

        if (source && destination) {
            // Проверяем, не перенесли ли мы их уже (чтобы не зациклиться)
            if (!destination.contains(source)) {
                destination.appendChild(source);
            }
        }
    };

    // Создаем наблюдатель, который следит за изменением DOM
    const observer = new MutationObserver((mutations) => {
        mutations.forEach(() => {
            moveTabs();
        });
    });

    // Настраиваем слежку за всем документом
    observer.observe(document.body, {
        childList: true,
        subtree: true
    });

    // На всякий случай запускаем один раз при старте
    moveTabs();
})();
</script>
Made on
Tilda