Прижать кнопки все кнопки товаров вниз на главной странице

[ebritanica]

Поделитесь решением каким образом вы решили такую проблему:
На главной странице кнопки “купить” и “купить в 1 клик” находяться не равномерно по сравнению с другими.
Должны быть они прижаты вниз. А сейчас они зависят от размера наименования товара.

Спасибо.

[alex_vp]

как-то давно уже решили делать это так:
В файл стиля аддона my_changes для лица сайта добавляем стиль

/* Высота строки названия товара фиксируется в выводе блоками */
.multicolumns-list table .product-title-wrap a {
    height: 32px;
}

Что фиксирует при выводе товаров таблицей - высоту строки названия товара на уровне max-height

Чтобы выравнивалось не только в списке товаров категории, но и в табличном шаблоне на главной и других блоках - добавляем

.multicolumns-list table .product-title-wrap a,
.multicolumns-list p  {
    display: inline-block;
    overflow: hidden;
    padding-bottom: 1px;
    max-height: 32px;
    text-overflow: ellipsis;
    height: 32px;
}

[sweetcode]

В css высоту блока наименования выставить, например, height: 40px, overflow:hidden;
Часть названия соответственно будет скрыта

[alex_vp]

хотя это наверное старое решение, у меня сейчас вот это в файле стилей

.ty-grid-list__item-name {
height: 32px;
}

[ebritanica]

Коллеги, вот вариант решения который встретил “моём” сайте:

(function(_, $) {

jQuery(document).ready(function($) {

	var maximalnayaVisota = 0;
	$(".ty-grid-list__item-name").each(function() {
		if ($(this).height() > maximalnayaVisota) {
			maximalnayaVisota = $(this).height();
		}
	});
	$(".ty-grid-list__item-name").height(maximalnayaVisota);

});	

$.ceEvent('on', 'ce.ajaxdone', function(elms, inline_scripts, params, data) {
	if (params.result_ids == 'pagination_contents' || params.result_ids == 'product_filters_*,products_search_*,category_products_*,product_features_*,breadcrumbs_*,currencies_*,languages_*,selected_filters_*') { 
		var maximalnayaVisota = 0;
		$(".ty-grid-list__item-name").each(function() {
			if ($(this).height() > maximalnayaVisota) {
				maximalnayaVisota = $(this).height();
			}
		});
		$(".ty-grid-list__item-name").height(maximalnayaVisota);
	}
});

}(Tygh, Tygh.$));

Если кто желает, то доработайте его…

Есть еще вариант с позиционированием. Его сделал сам… вот пример:

По производителям

Важно: этот пример работает только на этом сайте…

.ty-grid-list__item {position:relative;}
.ty-grid-list__control {position: absolute;
bottom: 10px;
}

Еще где то видел вариант, что при наведнии на грид лист итем, выкатывается весь блок вниз… но помню где…

Еще пролезность:
.content-home .ty-grid-list__item-name .product-title {
max-width: 100px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}