Используя блок TS104N Тильды сделаем так, чтобы отзывы раскрывались вниз, если в них много текста, а сами плашки блоков станут одинаковой высоты
Часто в отзывах бывает очень много текста. Больше, чем может вместить стандартный блок. Что в этом случае происходит с плашкой? Она вмещает весь текст и становится намного длиннее, что порой выглядет не эстетично. Давайте сделаем красиво. Что нужно:
- Добавляем блок TS104N с отзывами на свой сайтк. После добавления блока наполняем его нужным контентом.
- Добавляем блок T123: HTML-код.
- Вставляем наш код (он будет ниже).
- Меняем в коде значение строки reviews_block_id = '#rec716410858'. Ставишь в нем новый id блок, пишешь свой id блока.
- Код должен находиться ниже, чем сам блок с отзывами. Лучше все коды добавлять в конце страницы, или в футер.
- Публикуем страницу.
Код:
<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>
