URL скопирован в буфер обмена!
Как скрыть длинный текст в карточках товара и потоках на Tilda?
Модификация поможет скрыть длинные заголовки или описание в блоках стандартных блоках магазина, потоках, а также с текстом в Zero Block
Модификация работает с включенным Autoscale в блоках
Модификация работает с Zero Block и стандартными блоками
Номер модификации в библиотеке TiCode
Тип блока и что сокращаем
Количество строк видимого текста
<!--TICODE--><!-- Библиотека модификаций для Тильда https://ticode.dev -->
<!--TCD029--><style> .t754__textwrapper .t754__title { text-overflow: ellipsis; overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } </style>
1. Выбираем в генераторе тип блока в котором нужно сократить заголовок или описание. Важно! Выбирать блок нужно если у вас товар загружен в блок через кнопку "контент". Если ваши товары вы грузили через кнопку "товары" и подключали в блок потоком, то для сокращения нужно выбрать "Каталог товаров - Заголовок" или "Каталог товаров - описание" в зависимости от того что нужно сократить. При этом не важно какой блок магазина используете;
2. Указываем количество строк которые будет видно;
3. Копируем готовый год и вставляем в HTML блок T123;
Примечание!
Если решили сократить текст в Zero Block, то тексту в зеро нужно назначить класс ticode-abbreviated-text
Чтобы добавить класс, нажимаем на элемент правой кнопкой мыши и выбираем из списка "Add CSS Class Name" и далее, справа в настройках указываем класс
Дальше все по инструкции(копируем код и вставляем в блок Т123)
Если например, в блоке магазина нужно сократить и описание или заголовок, то нужно генерировать два кода.
Описание в потоках можно сократить стандартными настройками блока(там есть эта опция). По этой причине в генераторе не добавлял эту возможность.
2. Указываем количество строк которые будет видно;
3. Копируем готовый год и вставляем в HTML блок T123;
Примечание!
Если решили сократить текст в Zero Block, то тексту в зеро нужно назначить класс ticode-abbreviated-text
Чтобы добавить класс, нажимаем на элемент правой кнопкой мыши и выбираем из списка "Add CSS Class Name" и далее, справа в настройках указываем класс
Дальше все по инструкции(копируем код и вставляем в блок Т123)
Если например, в блоке магазина нужно сократить и описание или заголовок, то нужно генерировать два кода.
Описание в потоках можно сократить стандартными настройками блока(там есть эта опция). По этой причине в генераторе не добавлял эту возможность.
More products
