Блог дизайнера

Скрываем пустой блок ST315N целиком

Код скрытие пустого блока:

<!-- Скрытие пустого блока ST315N целиком -->
<style>
.t-store__empty-part-msg-wrapper { 
    display: none !important; /* ← прячет саму заглушку с текстом и рамкой */
}

.r:has(.t-store__empty-part-msg-wrapper) { 
    display: none !important; /* ← прячет всю секцию целиком, включая пустое пространство вокруг */
}
</style>
Что можно менять:

Здесь редактируемых значений почти нет — код не про оформление, а про полное скрытие пустого блока. Единственное, что теоретически можно подстроить:

  • Если нужно скрыть только заглушку, но оставить видимой пустую секцию (например, если внутри секции есть ещё какой-то текст, который должен остаться) — удаляете второе правило (.r:has(...)) и оставляете только первое.

Куда вставлять: копируете весь код целиком → вставляете в HTML-блок T123 на нужной странице → публикуете.

Важно: селектор :has() поддерживается всеми современными браузерами (Chrome, Safari, Firefox, Edge последних версий), но если сайт должен работать в очень старых браузерах — стоит это учитывать.

Как это работает: когда в блоке ST315N нет контента, Тильда показывает служебную заглушку "Ничего не найдено" — код прячет и саму заглушку, и всю секцию вокруг неё, чтобы не оставалось пустого места на странице. Как только появится хотя бы одно мероприятие, блок автоматически покажется обратно — код отключать не нужно.