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

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

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

<script>
  
  // Функция, которая выполнится после полной загрузки страницы
window.onload = () => {
  // Находим исходный контейнер
  const sourceContainer = document.querySelector('.js-store-tabs.t-store__tabs.t-store__tabs_accordion.t-col.t-col_12');

  // Находим целевой контейнер, это класс контентного контейнера карточки товара
  const destinationContainer = document.querySelector('.t-store__prod-popup__info.t-align_left.t-store__prod-popup__col-right.t-col.t-col_6');

  // Проверяем, найдены ли оба контейнера
  if (sourceContainer && destinationContainer) {
    // Выводим информацию в консоль, чтобы проверить, что элементы найдены
    console.log('Исходный контейнер найден:', sourceContainer);
    console.log('Целевой контейнер найден:', destinationContainer);

    // Перемещаем исходный контейнер в целевой
    destinationContainer.appendChild(sourceContainer);
  } else {
    // Если один или оба контейнера не найдены, выводим сообщение об ошибке в консоль
    console.error('Один или оба контейнера не найдены.');

    // Выводим информацию о том, какие контейнеры не найдены 
    console.log('Исходный контейнер найден:', sourceContainer);
    console.log('Целевой контейнер найден:', destinationContainer);
  }
};


</script>

<style>
    .t-store .t-store__tabs {
    margin-top: 20px;
    margin-left: 0px;
}
</style>

Скрипт для табов

<script>
  
  // Функция, которая выполнится после полной загрузки страницы
window.onload = () => {
  // Находим исходный контейнер
  const sourceContainer = document.querySelector('.js-store-tabs.t-store__tabs.t-store__tabs_tabs.t-col.t-col_12');

  // Находим целевой контейнер
  const destinationContainer = document.querySelector('.t-store__prod-popup__info.t-align_left.t-store__prod-popup__col-right.t-col.t-col_6');

  // Проверяем, найдены ли оба контейнера
  if (sourceContainer && destinationContainer) {
    // Выводим информацию в консоль, чтобы проверить, что элементы найдены
    console.log('Исходный контейнер найден:', sourceContainer);
    console.log('Целевой контейнер найден:', destinationContainer);

    // Перемещаем исходный контейнер в целевой
    destinationContainer.appendChild(sourceContainer);
  } else {
    // Если один или оба контейнера не найдены, выводим сообщение об ошибке в консоль
    console.error('Один или оба контейнера не найдены.');

    // Выводим информацию о том, какие контейнеры не найдены 
    console.log('Исходный контейнер найден:', sourceContainer);
    console.log('Целевой контейнер найден:', destinationContainer);
  }
};


</script>

<style>
    .t-store .t-store__tabs {
    margin-top: 20px;
    margin-left: 0px;
}
</style>
Made on
Tilda