Изменить размер карточки товара

[DenKP]

Всем хорошего и бодрого дня/вечера/ночи!

Уже очень много времени, набегами пытаюсь решить очень странную проблему.

product-layout он же родитель карточки товара, обычно выставляется min-height: =-120-140
Так вот, в моей карточки товара я убрал описание оставил только картинку, кнопочки, цена и кнопка в корзину.

Проблемы которые не смог решить(Картинки вложил, думаю сразу будет понятно по ним)
1. Если название товара очень длинное min-height маленький не удается поставить, а это влечет за собой дыру между ценой и кнопкой в корзину

2. Вытекающие из первого, если ставлю маленький min-height тогда проблема пагинации по 4 карточки возникает, т.е. рядность становится кривая все уползает, выглядит скверно)

3. Пытался сделать ограничение по символам в наименовании, жестко привязать небольшой размер, все тщетно

 

Сейчас выставляю большой min-height т.к. не смог решить данную проблему на своем сайте(

С позволения админа, ссылка на мою демку - https://dev.oruzheinik.kz/

 

 

Буду очень благодарен любой информации, т.к. уже опустил руки в надежде обуздать проблему....

Змінено 26 квітня 2021 користувачем DenKP

[specialforce22]

Как вариант

.product-thumb h4 {

white-space: nowrap;

overflow: hidden;

text-overflow: ellipsis;

}

 

А это убрать

 

.product-thumb .caption {

 min-height: 160px;

}

 

Будет так - https://prnt.sc/123pvn8

 

P.S. Если Вас немного заботит SEO, то лучше названия товарам дать не ка кв прайсе для оптовиков, а для людей, иначе сколько-нибудь нормальных мест не видать, а в худшем случае такие страницы будут выпадать из поисковика...но это мнение - решать Вам.

Змінено 26 квітня 2021 користувачем specialforce22

[DenKP]

24 минуты назад, specialforce22 сказал:

Как вариант

.product-thumb h4 {

white-space: nowrap;

overflow: hidden;

text-overflow: ellipsis;

}

 

А это убрать

 

.product-thumb .caption {

 min-height: 160px;

}

 

Будет так - https://prnt.sc/123pvn8

 

P.S. Если Вас немного заботит SEO, то лучше названия товарам дать не ка кв прайсе для оптовиков, а для людей, иначе сколько-нибудь нормальных мест не видать, а в худшем случае такие страницы будут выпадать из поисковика...но это мнение - решать Вам.

Спасибо сейчас попробую.

С названием процесс идет, там момент что идет сихнронизация с базы, а базу так быстро не удается поправить

[DenKP]

@specialforce22 идея интересная, но все равно есть проблемы что уползает(вложил скрин). И еще момент, может быть есть возможность хотя бы текст разместить в 2-3 линии, тогда даже если 3 линия будет длинная это не критично.

[sasha3337774]

4 часа назад, DenKP сказал:

но все равно есть проблемы что уползает(вложил скрин).

задайте фиксированную высоту
-----
тут печально немного http://joxi.ru/4AkPdknC0E39pr

[DenKP]

В 27.04.2021 в 05:21, sasha3337774 сказал:

задайте фиксированную высоту
-----
тут печально немного http://joxi.ru/4AkPdknC0E39pr

ТАк и так сижу на фиксе, но получается слишком длинная карточка товара

[sasha3337774]

поставьте здесь https://prnt.sc/127km09 значение 100, как вариант 

когда 100 вроде ничего не ломается

Змінено 28 квітня 2021 користувачем sasha3337774

[DenKP]

Нашел интересное решение, теперь не сползает, но длина карточки пока не одинаковая, думаю что в этом ничего страшного не будет. Она ведет себя правильно, если текст длинный расширяет карточку

 

Змінено 30 квітня 2021 користувачем DenKP