Перейти к содержимому


Название Товара В Каталоге


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 3

#1 pasha00

pasha00

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 132 сообщений

Отправлено 30 Апрель 2019 - 17:44

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

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

  • рис.png


#2 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 23 863 сообщений

Отправлено 01 Май 2019 - 08:42

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

Зайдите в раздел Сайт - Редактор шаблонов - 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;}


#3 User1

User1

    Пользователь

  • Пользователи
  • PipPip
  • 46 сообщений

Отправлено 05 Июль 2019 - 19:09

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

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

  • Проблема 1.jpg


#4 metry

metry

    Активный участник

  • Модераторы
  • 677 сообщений

Отправлено 06 Июль 2019 - 10:00

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




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных