Как зафиксировать высоту блока (товара)?

Question

[inagorch]

Подскажите пожалуйста, как можно зафиксировать высоту блока (товаров) по названию. К примеру, у одного товара название занимает одну строку, у другого две, и как сделать что бы оба были одинаковой высоты (второго блока). В коде полный ноль, так что чем подробнее будет объяснение, тем лучше. Заранее благодарю за уделенное внимание.

Comments

[g33km]

Без приведенного кода, увы, помочь не получится. Возможно, есть хотя бы ссылка на сам сайт?

[inagorch]

g33km, Лично в код я не залазил (т.к. вообще не разбираюсь), работает все на wordpress (woocomerce), ссылка на сайт: inagoru6.beget.tech/product-category

[g33km]

inagorch, выдает ошибку "Похоже, эта страница не существует". Ссылка точно правильно указана?

[inagorch]

g33km, вот ссылка прям к товарам: http://inagoru6.beget.tech/product-category/%d1%81...

[g33km]

inagorch, а у вас есть человек, который отвечает за код?
Сам лично еще пока не знаком с платформой wordpress и с устройством ее работы. Есть банальное решение, не знаю, на сколько приемлемое для вас и грамотно ли вообще так делать в подобной ситуации, но ваша проблема, по сути, решается. Если название товара слишком длинное, что переносится в две строки, то по достижении некоторой длины оно обрубается, в конце добавляется троеточие. Выглядит так:

Решается добавлением 3 строчек кода в конструкцию блока с описанием товара.

[inagorch]

g33km, Да, с подобным решением я знаком, к сожалению, оно не совсем подходит. Человека отвечающего за код нет, пока всем один занимаюсь

[inagorch]

g33km, а можете пожалуйста прислать эти три строчки, просто у меня получается обрубать название, но при этом оно обрубается и при открытии самого товара

[g33km]

inagorch, код

white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;

Эти строчки необходимо в CSS-файл добавить к классу
.woocommerce-loop-product__title

(надеюсь, это вам о чем-либо говорит :) )

Answer 1

[Abr_ya]

"В коде полный ноль" видимо именно поэтому "код вам не покажу совсем".
Если совсем в общем виде, то смотрите, какой элемент у вас оборачивает заголовок (скорее всего это div) и задавайте ему в CSS фиксированную высоту.
Это решит проблему "однострочных".
А вот "длинные" придется обрезать как-то: на фронте или на бэке.
Тут уже от вашего проекта зависит. В Битриксе, например, это можно сделать одной командой, если ничего не путаю...