TiCode (Easy mods)

Смена надписи "Ничего не найдено" для блоков каталога и потоков

Магазин
При создании каталога товаров или потоков на Tilda, можно создать категории для структурирования контента. Однако, если в какой-то из категорий отсутствуют элементы, пользователям по умолчанию будет показывается шаблонный текст «Ничего не найдено».

С помощью этой модификации можно легко заменить стандартный текст-заглушку на свой — более информативный или брендированный. Решение подходит для блоков ST300, ST305N, ST310N, ST315N, ST320N, ST330, FD101, FD201, FD301, FD302, FD401.
В каталоге и потоках можно создать всего по 200 разделов. Подробнее о лимитах на тильда можно ознакомиться в этой статье

Инструкция по установке

  • Копируем код в HTML блок T123;
  • В скрипте указываем свой текст, размер и цвет (учитываем что такой же размер будет показываться и на мобилках);
  • Дополнительно можно сменить цвет обводки поля заглушки и скруглить углы;
Код для каталога:
<!--TICODE --><!-- Смена текста "Ничего не найдено" для каталога | https://ticode.dev  -->
<style>
.t-store__empty-part-msg { font-size: 0; }
.t-store__empty-part-msg::after {
    content: "Тут ничего нет :("; /* Указываем свйо текст */
    font-size: 18px; /* Указываем размер шрифта */
    color: #000000 !important; /* Указываем цвет текст */
}

.t-store__empty-part-msg-wrapper {
    border: 1px solid #000000 !important; /* Указываем цвет и толщину обводки */
    border-radius: 20px !important; /* Указываем радиус скругления углов обводки */
}
</style>
Код для потоков:
<!--TICODE --><!-- Смена текста "Ничего не найдено" для потоков | https://ticode.dev  -->
<style>
.t-feed__error-msg { font-size: 0; }
.t-feed__error-msg::after {
    content: "Тут ничего нет :("; /* Указываем свйо текст */
    font-size: 18px; /* Указываем размер шрифта */
    color: #000000 !important; /* Указываем цвет текст */
}

.t-feed__error-msg-wrapper {
    border: 1px solid #000000 !important; /* Указываем цвет и толщину обводки */
    border-radius: 20px !important; /* Указываем радиус скругления углов обводки */
}
</style>

Как скрыть пустые разделы в потоках и каталоге

Если вы заранее создали разделы «на будущее», но пока не наполнили их контентом, их можно временно скрыть. Для этого достаточно нажать на иконку карандаша в настройках нужного раздела и отключить его отображение.

Скрытые разделы не будут отображаться на сайте, по ним нельзя будет кликнуть, а значит — пользователи не увидят заглушку «Ничего не найдено».

Другие модификации для каталога и потоков на Тильда

Горизонтальный скролл разделов в блоках магазина: удобно для компактного размещения категорий и экономии вертикального пространства.

Вывод остатка товара в каталоге: помогает создать эффект ограниченности и стимулирует покупку.

Горизонтальный скролл разделов в потоках: улучшает UX на мобильных.

Кнопка «Загрузить ещё» в блоках магазина: костюмная кнопка подгрузки товаров

Скрытие длинного текста в карточках товара и потоках: сохраняет аккуратный внешний вид и делает карточки компактнее.
Made on
Tilda