верстка списка товаров.

[rhjirftyjn]

Здравствуйте все.

Очень нужна помощь.

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

Однако, столбец этот должен оставаться, дабы не сдвигалась не растягивались столбцы с ценой, описанием. 

 

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

подскажите, как должна формироваться таблица?

 

вот кусок кода js, в который вставил проверку наличия цены большей нуля, в результате чего, надеялся будет формироваться верстка с кнопкой купить.  иначе, создать только div class="right", который бы обеспечивал ровные колонки.

при этом дивы cart, wishlist, compare иcчезают не зависимо от цены: хоть ноль, больше нуля.

 

 

 

function display(view) {

if (view == 'list') {
$('.product-grid').attr('class', 'product-list');

$('.product-list > div').each(function(index, element) {

var price = $(element).find('.price').html();
if (price > 0) {
html = '<div class="right">';
html += ' <div class="cart">' + $(element).find('.cart').html() + '</div>';
html += ' <div class="wishlist">' + $(element).find('.wishlist').html() + '</div>';
html += ' <div class="compare">' + $(element).find('.compare').html() + '</div>';
html += '</div>';
}
else {
html = '<div class="right">';
html += '</div>';
}

 

 

как добиться нужного эффекта?