Как сократить кол-во символов(строк) в описание товара?

голоса: 0

Как сократить кол-во символов(или строк) в описание товара при его выводе в каталоге товаров? На скриншоте красной линей хотле бы ограничить в 2 строки описание. А иначе неравномерно распределяется товар в каталоге. 

Адрес сайта http://radio-constr71.ucoz.net/
| Автор: | Категория: Дизайн сайта
Изменение категории | | Автор: Yuri_Geruk

Ответов: 1

голоса: 0

В данном случае нужно ограничивать не лишь описание, но и длину названия так как если оно переносится на вторую строку, то смещает описание, что не есть хорошо. В стили можно добавить примерно следующее:

[class="product-thumb transition "] .description { height: 50px; overflow: hidden; }
.product-thumb .name{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

первая строка ограничивает высоту описания до значения 50, регулируйте какое вам нужно, вторая строка держит длину названия в пределах допустимого не давая ей переноситься на другую строку и добавляя в конце три точки если строка большая.

| Автор:
...