Сообщений в теме: 3

[pasha00]

Добрый день!
В разделах каталога название товара размещается в одну строку. Если название длинное, то оно обрезается (см. рисунок).
Как сделать, чтобы название переносилось на новую строку, если оно не помещается?
Аккаунт 102360

Прикрепленные изображения

• 

[Vaccina]

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:

.products-grid .item .product-shop .product-name a {display: block;font-size: 14px;font-weight: 400;text-transform: capitalize;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

замените на:

.products-grid .item .product-shop .product-name a {display: block;font-size: 14px;font-weight: 400;text-transform: capitalize;overflow: hidden;height: 35px;}

[User1]

Добрый день!
Выше Вы просто выделили 35 пикселей высоты для двустрочных названий. А если 3х, 4х строчные?
Я использвал свойство white-space: pre-wrap. Теперь ячейки сетки сами расширяются насколько надо чтобы вместить самые длинные названия товаров. Но кнопка "В корзину" скачет по вертикали (см. скриншот).
Как сделать чтобы кнопка "В корзину" и цена над ней выравнивались по нижней границе квадрата сетки товара?

Прикрепленные изображения

• 

[metry]

Добрый день. К сожалению, через свойство white-space: pre-wrap задать корректно выравнивание не получится.