Размер блока товара

Поделюсь своим решением:
В css добавил вот так:
.caption > h4 {
height: 45px;
overflow: hidden;
}
.caption > h4 + p {
height: 240px;
overflow: hidden;
}
Теперь все столбики одинаковые.

https://gift-msk.ru/

 

Давно пользуюсь этим скриптом. Но иногда нужно сделать автоподбор нескольким элементам.

А как правильно сделать чтобы подбиралась высота не caption, а отдельно названия и описания?
Дублировать скрипт для каждого элемента (с заменой .caption на .caption .name и .caption .description), или можно как-то добавить несколько строк в этот?

 

Код:

$(function () {
    function equalHeight(element) {
        var mh = 0;
        $(element).each(function () {
            var h_block = parseInt($(this).height());
            if(h_block > mh) {
                mh = h_block;
            };
        });
        $(element).height(mh);
    }
    equalHeight('.caption');
    equalHeight('.caption .name');
    equalHeight('.caption .description');
});

как-то так наверное

 

Работает! Спасибо!
Строка с caption уже становится лишней, но суть понятна.