Отображение товара сеткой [РЕШЕНО]

[lyamin]

Подскажите, какой размер и отступ div grid надо сделать, чтобы при отображении сеткой было по 3 товара в строчке и они при этом занимали 100%? т.е. не были у края.

[letun161]

.product-grid > div {
width: 212px;
display: inline-block;
vertical-align: top;
margin-right: 20px;
margin-bottom: 15px;
}

[zhe84]

Помогите! Как установить отображение товара сеткой по умолчанию?

[gonzo]

Открываем файл catalog/view/theme/имя темы/template/product/category.tpl

и ищем следующие строки

if (view) {
display(view);
} else {
display(‘list’);
}

Меняем в нем list на grid и в итоге получаем

if (view) {
display(view);
} else {
display(‘grid’);
}

[lyamin]

.product-grid > div {

width: 212px;

display: inline-block;

vertical-align: top;

margin-right: 20px;

margin-bottom: 15px;

}

надо, чтобы желтое пространство было заполнено на 100%.

[lyamin]

Ну или отцентровать как?

[Dark]

надо, чтобы желтое пространство было заполнено на 100%.

А что это вам даст? в результате нужно будет или скрипт писать или руками редактировать стили, что бы и картинка была побольше и текст под ним...

может так:

<div style="width: 100%; margin: 0 auto; ">контент</div>

или так:

<div style="display: table; margin: 0 auto;">контент</div>

или еще можно использовать line-height

[zhe84]

gonzo, спасибо, помогло!