Помогите выровнять высоту на DIVном шаблоне - JoomShopping

Всем доброго времени суток.
Внесу небольшое предложение.
Высота карточек товаров в категориях зависит от количества текста в названии товара, описании и т.п. И если текста где то больше, то высота получается разной.
Можно выровнять высоту по наибольшей.
Небольшой jQuery код:

Код

jQuery.fn.autoheight = function() {
	var $maxHeight = 0;
	jQuery(this).each(function() {
		if (jQuery(this).height() > $maxHeight ) {
		$maxHeight = jQuery(this).height();
		}
	});
	jQuery(this).height($maxHeight);
}

jQuery(document).ready(function() {
        jQuery(".jshop .product .mainblock").autoheight();
        jQuery(window).resize(function() {
                jQuery(".jshop .product .mainblock").height("auto").autoheight();
        });
});

код можно вставить в файл list_products/list_products.php
Если в файле list_products/products.php блоки <div class="image"> и <div class="mainblock"> обернуть в <div> , то кнопки "купить" и "подробнее" будут прижаты книзу.
Может пригодится.

Подсказки
1.  использовать жестко заданные высоты (простой надежный способ)
2.  использовать скрипты определения наибольшей высоты блока
3.  переформатировать шаблон таким образом чтобы "нет в наличии" не влияло на высоту блока общую

пункт 1пример CSS

Спойлер

[свернуть]

для всех блоков задать высоты

есть не только height но и min-height
Если Вы делаете репонсив то думаю должны знать о таких вещах.

а то что в репонсив вообще ничего не будет ровно на малых устройствах ничего ?

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

строка по высоте всегда равна самому высокому

А выравнивание по максимальной высоте?
Блоки все равно будут разной высоты.

для респонсива обычного бутстрапа мало ?

крутил аклы на свиде убунты

итшоп, но комент, разбирайте...

особено вот это

Спойлер

[свернуть]

прикольное решение заимствуйте, только у них, с форума не то

заодно вот так посмотрите
http://prntscr.com/1tkc93

для респонсива обычного бутстрапа мало ?

однако скрипт отрабатывает раньше чем появляется блок с картинкой

jQuery.ready не помогает?

<script type="text/javascript"> 
jQuery.fn.equalHeights = function(minHeight, maxHeight) {
		tallest = (minHeight)? minHeight : 0;
		this.each(function() {
			if(jQuery(this).height() > tallest) {
				tallest = jQuery(this).height();
			}
		});
		if((maxHeight) && tallest > maxHeight) tallest = maxHeight;
		return this.each(function() {
			jQuery(this).height(tallest).css("overflow","hidden");
		});
	}
</script>

<script type="text/javascript"> 
jQuery(document).ready(function() { 
 jQuery(".jshop .jswidth33 ").equalHeights(); 
}); 
</script>

PS проще наверное с помощью скрипта манипулировать высотой .mainblock. или может не высотой, а паддингом

пробовал - получается изображение липнет к этому блоку, в итоге кнопки на уровне, а картинки нет.