Полезные статьи

Как сделать раскрывающиеся отзывы в стандартном блоке Тильда - код

2025-03-06 09:54
Используя блок TS104N Тильды сделаем так, чтобы отзывы раскрывались вниз, если в них много текста, а сами плашки блоков станут одинаковой высоты
Часто в отзывах бывает очень много текста. Больше, чем может вместить стандартный блок. Что в этом случае происходит с плашкой? Она вмещает весь текст и становится намного длиннее, что порой выглядет не эстетично. Давайте сделаем красиво. Что нужно:
  1. Добавляем блок TS104N с отзывами на свой сайтк. После добавления блока наполняем его нужным контентом.
  2. Добавляем блок T123: HTML-код.
  3. Вставляем наш код (он будет ниже).
  4. Меняем в коде значение строки reviews_block_id = '#rec716410858'. Ставишь в нем новый id блок, пишешь свой id блока.
  5. Код должен находиться ниже, чем сам блок с отзывами. Лучше все коды добавлять в конце страницы, или в футер.
  6. Публикуем страницу.

Код:

<style>

.t958 .t-popup_show {

display: none !important;

}

.t958__card_preview.showed {

height: auto !important;

}

.t958__card_preview.showed ~ .t958__more-wrapper {

display: none;

}

</style>

<script>

reviews_block_id = '#rec716410858';

$(reviews_block_id + ' .t958__card_preview').each(function(index, element) {

$(this).on('click', function() {

if ($(this).is('.t958__card-visible')) {

if ($(this).is('.showed')) {

$(this).removeClass('showed');

} else {

$(this).addClass('showed');

}

setTimeout(function() {

$('body').removeClass('t-body_popupshowed');

$('body').removeAttr('style');

}, 700);

}

});

});

</script>