Как обрезать текст по числу строк в Tilda
Многоточие для длинных заголовков и описаний, отдельные группы и мобильные ограничения.Подробнее о модеСвернуть описание
Как обрезать текст по числу строк в Tilda
Многоточие для длинных заголовков и описаний, отдельные группы и мобильные ограничения.Что умеет мод
- Ограничивает выбранный текст заданным числом строк — от 1 до 30.
- Позволяет создать несколько групп со своими элементами и количеством строк.
- Поддерживает отдельное мобильное ограничение с собственной шириной включения.
- Настраивает перенос длинных слов и сохраняет исходный текст в разметке.
Как подключить
Создайте группы текстов
Добавьте отдельную группу для заголовков, описаний или другого типа текста. Выберите элементы из стандартных блоков либо укажите CSS-селекторы нужных текстовых узлов.
Задайте число строк
Для каждой группы установите ограничение и проверьте его в превью. При необходимости включите мобильный режим, укажите его максимальную ширину и отдельное число строк.
Проверьте переносы
Выберите поведение длинных слов и переносов с дефисом. Проверьте ссылки, длинные названия и узкие карточки. Если один селектор попал в несколько групп, действует последняя группа в итоговом коде.
Установите и проверьте
Скопируйте код в T123 после выбранных блоков и опубликуйте страницу. Проверьте короткий и длинный текст, мобильный режим и карточки, появляющиеся после дополнительной загрузки.
Что учитывать. Это визуальное ограничение строк: исходный текст остаётся в разметке страницы. Мод не добавляет кнопку «Читать далее». Для важного полного описания предусмотрите доступный переход или отдельную страницу.
Вопросы и ограничения
Ограничение задаётся в символах или строках?
В строках. Их фактическое заполнение зависит от ширины элемента, шрифта и размера текста. Поэтому проверяйте результат на реальных карточках.
Обрезанный текст удаляется?
Нет. Мод ограничивает видимую область текста, сохраняя исходное содержимое в разметке.
Можно раскрыть полный текст по нажатию?
Встроенной кнопки раскрытия здесь нет. Если посетителю нужен весь текст, предусмотрите отдельный переход или другой способ его прочитать.
Почему применилось ограничение другой группы?
Проверьте пересечение селекторов. Когда один элемент выбран в нескольких группах, приоритет получает последняя группа в сгенерированном коде.
Доступ к конструктору
Это бесплатная модификация. Войдите в аккаунт, чтобы настроить её и получить код.
